2b0d5ff8b3
* misc frontend build fixes: - fix playwright version to be consistent to fix playwright test - chunking: set max number of chunks generated * lock playwright version * remove intl polyfill --------- Co-authored-by: sua yoo <sua@suayoo.com>
69 lines
2.2 KiB
JavaScript
69 lines
2.2 KiB
JavaScript
import { esbuildPlugin } from "@web/dev-server-esbuild";
|
|
import { importMapsPlugin } from "@web/dev-server-import-maps";
|
|
import commonjsPlugin from "@rollup/plugin-commonjs";
|
|
import { fromRollup } from "@web/dev-server-rollup";
|
|
import { fileURLToPath } from "url";
|
|
import glob from "glob";
|
|
|
|
const commonjs = fromRollup(commonjsPlugin);
|
|
|
|
// Map all css imports to mock file
|
|
const cssImports = {};
|
|
glob.sync("./src/**/*.css").forEach((filepath) => {
|
|
cssImports[filepath] = fileURLToPath(
|
|
new URL("./src/__mocks__/css.js", import.meta.url)
|
|
);
|
|
});
|
|
|
|
export default {
|
|
nodeResolve: true,
|
|
rootDir: process.cwd(),
|
|
plugins: [
|
|
esbuildPlugin({
|
|
ts: true,
|
|
tsconfig: fileURLToPath(new URL("./tsconfig.json", import.meta.url)),
|
|
target: "esnext",
|
|
}),
|
|
commonjs({
|
|
include: [
|
|
// web-test-runner expects es modules,
|
|
// include umd/commonjs modules here:
|
|
"node_modules/url-pattern/**/*",
|
|
],
|
|
}),
|
|
importMapsPlugin({
|
|
inject: {
|
|
importMap: {
|
|
imports: {
|
|
...cssImports,
|
|
"./src/shoelace": fileURLToPath(
|
|
new URL("./src/__mocks__/shoelace.js", import.meta.url)
|
|
),
|
|
"tailwindcss/tailwind.css": fileURLToPath(
|
|
new URL("./src/__mocks__/css.js", import.meta.url)
|
|
),
|
|
"@shoelace-style/shoelace/dist/themes/light.css": fileURLToPath(
|
|
new URL("./src/__mocks__/css.js", import.meta.url)
|
|
),
|
|
// FIXME: `@web/dev-server-esbuild` or its dependencies seem to be ignoring .js
|
|
// extension and shoelace exports and switching it to .ts
|
|
// Needs a better solution than import mapping individual files.
|
|
// Maybe related:
|
|
// - https://github.com/modernweb-dev/web/issues/1929
|
|
// - https://github.com/modernweb-dev/web/issues/224
|
|
"@shoelace-style/shoelace/dist/utilities/form.js": fileURLToPath(
|
|
new URL(
|
|
"./node_modules/@shoelace-style/shoelace/dist/utilities/form.js",
|
|
import.meta.url
|
|
)
|
|
),
|
|
color: fileURLToPath(
|
|
new URL("./src/__mocks__/color.js", import.meta.url)
|
|
),
|
|
},
|
|
},
|
|
},
|
|
}),
|
|
],
|
|
};
|