86815cf95b
With the new major version of vite, some path resolution did not work so we update our vite config to resolve properly paths starting by 'src'. Furthermore there were some deprecation warning about the use of cjs files as vite configuration so we use 'mts' extension for all vite config files in react package to allow vite to detect them as ES Modules.
96 lines
2.1 KiB
TypeScript
96 lines
2.1 KiB
TypeScript
import { resolve } from "path";
|
|
import { defineConfig, BuildOptions } from "vite";
|
|
import react from "@vitejs/plugin-react";
|
|
import dts from "vite-plugin-dts";
|
|
import tsconfigPaths from "vite-tsconfig-paths";
|
|
|
|
// https://vitejs.dev/config/
|
|
export default defineConfig(({ mode }) => {
|
|
let buildOptions: { watch: BuildOptions["watch"] };
|
|
let emptyOutDir = true;
|
|
if (mode.includes("watch")) {
|
|
emptyOutDir = false;
|
|
buildOptions = {
|
|
watch: {
|
|
include: ["src/**/*"],
|
|
},
|
|
};
|
|
|
|
if (mode.includes("polling")) {
|
|
buildOptions = {
|
|
watch: {
|
|
...buildOptions.watch,
|
|
chokidar: {
|
|
usePolling: true,
|
|
interval: 1000,
|
|
},
|
|
},
|
|
};
|
|
}
|
|
}
|
|
|
|
return {
|
|
build: {
|
|
emptyOutDir,
|
|
outDir: "dist",
|
|
sourcemap: true,
|
|
lib: {
|
|
entry: {
|
|
index: "./src/index.ts",
|
|
},
|
|
formats: ["es", "cjs"],
|
|
cssFileName: 'style'
|
|
},
|
|
rollupOptions: {
|
|
external: ["react", "react-dom"],
|
|
output: {
|
|
globals: {
|
|
react: "React",
|
|
"react-dom": "ReactDOM",
|
|
},
|
|
},
|
|
},
|
|
copyPublicDir: false,
|
|
...buildOptions,
|
|
},
|
|
plugins: [
|
|
tsconfigPaths(),
|
|
dts({
|
|
rollupTypes: true,
|
|
beforeWriteFile: (filePath, content) => {
|
|
return {
|
|
filePath,
|
|
content: content.replace("../../locales", "./locales"),
|
|
};
|
|
},
|
|
}),
|
|
react(),
|
|
],
|
|
test: {
|
|
environment: "jsdom",
|
|
reporters: "verbose",
|
|
globals: true,
|
|
watchExclude: ["**/cunningham-tokens.js"],
|
|
coverage: {
|
|
all: true,
|
|
include: ["src/**/*.{ts,tsx}"],
|
|
exclude: ["**/*.stories.tsx", "**/*.spec.tsx"],
|
|
},
|
|
globalSetup: ["src/tests/Global.ts"],
|
|
setupFiles: ["src/tests/Setup.ts"],
|
|
},
|
|
resolve: {
|
|
alias: [
|
|
{
|
|
find: ":",
|
|
replacement: resolve(__dirname, "./src"),
|
|
},
|
|
{
|
|
find: "src",
|
|
replacement: resolve(__dirname, "./src"),
|
|
}
|
|
],
|
|
},
|
|
};
|
|
});
|