mirror of
https://github.com/vector-im/hydrogen-web.git
synced 2024-12-24 12:04:57 +01:00
89 lines
3.3 KiB
JavaScript
89 lines
3.3 KiB
JavaScript
|
const cssvariables = require("postcss-css-variables");
|
||
|
const autoprefixer = require("autoprefixer");
|
||
|
const flexbugsFixes = require("postcss-flexbugs-fixes");
|
||
|
|
||
|
const fs = require("fs");
|
||
|
const path = require("path");
|
||
|
|
||
|
const injectWebManifest = require("./scripts/build-plugins/manifest");
|
||
|
const injectServiceWorker = require("./scripts/build-plugins/service-worker");
|
||
|
// const legacyBuild = require("./scripts/build-plugins/legacy-build");
|
||
|
|
||
|
// we could also just import {version} from "../../package.json" where needed,
|
||
|
// but this won't work in the service worker yet as it is not transformed yet
|
||
|
// TODO: we should emit a chunk early on and then transform the asset again once we know all the other assets to cache
|
||
|
const version = JSON.parse(fs.readFileSync(path.join(__dirname, "package.json"), "utf8")).version;
|
||
|
const {defineConfig} = require("vite");
|
||
|
|
||
|
const srcDir = path.join(__dirname, "src/");
|
||
|
const modulesDir = path.join(srcDir, "node_modules/");
|
||
|
const mocksDir = path.join(srcDir, "mocks/");
|
||
|
const fixturesDir = path.join(srcDir, "fixtures/");
|
||
|
|
||
|
export default {
|
||
|
public: false,
|
||
|
root: "src/",
|
||
|
server: {
|
||
|
hmr: false
|
||
|
},
|
||
|
resolve: {
|
||
|
alias: {
|
||
|
// these should only be imported by the base-x package in any runtime code
|
||
|
// and works in the browser with a Uint8Array shim,
|
||
|
// rather than including a ton of polyfill code
|
||
|
"safe-buffer": "./scripts/package-overrides/safe-buffer/index.js",
|
||
|
"buffer": "./scripts/package-overrides/buffer/index.js",
|
||
|
}
|
||
|
},
|
||
|
build: {
|
||
|
outDir: "../target",
|
||
|
lib: {
|
||
|
entry: "lib.ts",
|
||
|
name: "hydrogen",
|
||
|
formats: ["cjs", "es"]
|
||
|
},
|
||
|
emptyOutDir: true,
|
||
|
sourcemap: false,
|
||
|
assetsInlineLimit: 0,
|
||
|
polyfillModulePreload: false,
|
||
|
rollupOptions: {
|
||
|
external: id => id.startsWith(modulesDir) || id.startsWith(mocksDir) || id.startsWith(fixturesDir),
|
||
|
output: {
|
||
|
manualChunks: (id) => {
|
||
|
if (id.startsWith(srcDir)) {
|
||
|
const idPath = id.substring(srcDir.length);
|
||
|
const pathWithoutExt = idPath.substring(0, idPath.lastIndexOf("."));
|
||
|
return pathWithoutExt;
|
||
|
} else {
|
||
|
console.log("putting", id.substring(srcDir.length), "in index");
|
||
|
return "index";
|
||
|
}
|
||
|
},
|
||
|
chunkFileNames: `[format]/[name].js`,
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
define: {
|
||
|
"HYDROGEN_VERSION": JSON.stringify(version)
|
||
|
},
|
||
|
css: {
|
||
|
postcss: {
|
||
|
plugins: [
|
||
|
cssvariables({
|
||
|
preserve: (declaration) => {
|
||
|
return declaration.value.indexOf("var(--ios-") == 0;
|
||
|
}
|
||
|
}),
|
||
|
// the grid option creates some source fragment that causes the vite warning reporter to crash because
|
||
|
// it wants to log a warning on a line that does not exist in the source fragment.
|
||
|
// autoprefixer({overrideBrowserslist: ["IE 11"], grid: "no-autoplace"}),
|
||
|
flexbugsFixes()
|
||
|
]
|
||
|
}
|
||
|
}
|
||
|
};
|
||
|
|
||
|
function scriptTagPath(htmlFile, index) {
|
||
|
return `${htmlFile}?html-proxy&index=${index}.js`;
|
||
|
}
|