mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-10-31 02:44:50 +01:00
a8064ba3ee
* build: Welcome ESM and Bye Bye UMD * remove package * create unbundled esm build * update script for example * fix typo * dummy commit * update autorelease script to build esm * revert dummy commit * move react, react-dom and testing library to dev dependencies * remove entry.js, publicPath and yarn install:deps script * fix * upgrade esbuild to fix glob import error for locales * remove webpack chunk names as thats not needed anymore * marking the code sideeffects free * make the library tree-shakeable and move fonts to fonts directory * allow side effects for css, scss files * remove tree-shaking * comment code for tree shaking * move to vite for example * bye bye webpack * ignore ts * separate build and output dir * use esbuild for creating bundle for example * update output dir * lint * create browser dev build with source maps and prod with minification * add dev and prod builds for bundler * lint * update script * remove await * load prod build * create minified build in dist * prod and dev builds using export field * remove import.meta * dummy * define import.meta prod and dev * fix * export types * add types field * typo * lint * Update scripts/buildPackage.js * move types inside export * newline
136 lines
3.2 KiB
JavaScript
136 lines
3.2 KiB
JavaScript
const { build } = require("esbuild");
|
|
const { sassPlugin } = require("esbuild-sass-plugin");
|
|
const { externalGlobalPlugin } = require("esbuild-plugin-external-global");
|
|
// Will be used later for treeshaking
|
|
//const fs = require("fs");
|
|
// const path = require("path");
|
|
|
|
// function getFiles(dir, files = []) {
|
|
// const fileList = fs.readdirSync(dir);
|
|
// for (const file of fileList) {
|
|
// const name = `${dir}/${file}`;
|
|
// if (
|
|
// name.includes("node_modules") ||
|
|
// name.includes("config") ||
|
|
// name.includes("package.json") ||
|
|
// name.includes("main.js") ||
|
|
// name.includes("index-node.ts") ||
|
|
// name.endsWith(".d.ts")
|
|
// ) {
|
|
// continue;
|
|
// }
|
|
|
|
// if (fs.statSync(name).isDirectory()) {
|
|
// getFiles(name, files);
|
|
// } else if (
|
|
// !(
|
|
// name.match(/\.(sa|sc|c)ss$/) ||
|
|
// name.match(/\.(woff|woff2|eot|ttf|otf)$/) ||
|
|
// name.match(/locales\/[^/]+\.json$/)
|
|
// )
|
|
// ) {
|
|
// continue;
|
|
// } else {
|
|
// files.push(name);
|
|
// }
|
|
// }
|
|
// return files;
|
|
// }
|
|
|
|
const browserConfig = {
|
|
entryPoints: ["index.tsx"],
|
|
bundle: true,
|
|
format: "esm",
|
|
plugins: [
|
|
sassPlugin(),
|
|
externalGlobalPlugin({
|
|
react: "React",
|
|
"react-dom": "ReactDOM",
|
|
}),
|
|
],
|
|
splitting: true,
|
|
loader: {
|
|
".woff2": "copy",
|
|
".ttf": "copy",
|
|
},
|
|
};
|
|
const createESMBrowserBuild = async () => {
|
|
// Development unminified build with source maps
|
|
await build({
|
|
...browserConfig,
|
|
outdir: "dist/browser/dev",
|
|
sourcemap: true,
|
|
chunkNames: "excalidraw-assets-dev/[name]-[hash]",
|
|
define: {
|
|
"import.meta.env": JSON.stringify({ DEV: true }),
|
|
},
|
|
});
|
|
|
|
// production minified build without sourcemaps
|
|
await build({
|
|
...browserConfig,
|
|
outdir: "dist/browser/prod",
|
|
minify: true,
|
|
chunkNames: "excalidraw-assets/[name]-[hash]",
|
|
define: {
|
|
"import.meta.env": JSON.stringify({ PROD: true }),
|
|
},
|
|
});
|
|
};
|
|
|
|
// const BASE_PATH = `${path.resolve(`${__dirname}/..`)}`;
|
|
// const filesinExcalidrawPackage = [
|
|
// ...getFiles(`${BASE_PATH}/packages/excalidraw`),
|
|
// `${BASE_PATH}/packages/utils/export.ts`,
|
|
// `${BASE_PATH}/packages/utils/bbox.ts`,
|
|
// ...getFiles(`${BASE_PATH}/public/fonts`),
|
|
// ];
|
|
|
|
// const filesToTransform = filesinExcalidrawPackage.filter((file) => {
|
|
// return !(
|
|
// file.includes("/__tests__/") ||
|
|
// file.includes(".test.") ||
|
|
// file.includes("/tests/") ||
|
|
// file.includes("example")
|
|
// );
|
|
// });
|
|
|
|
const rawConfig = {
|
|
entryPoints: ["index.tsx"],
|
|
bundle: true,
|
|
format: "esm",
|
|
plugins: [sassPlugin()],
|
|
|
|
loader: {
|
|
".woff2": "copy",
|
|
".ttf": "copy",
|
|
".json": "copy",
|
|
},
|
|
packages: "external",
|
|
};
|
|
|
|
const createESMRawBuild = async () => {
|
|
// Development unminified build with source maps
|
|
await build({
|
|
...rawConfig,
|
|
sourcemap: true,
|
|
outdir: "dist/dev",
|
|
define: {
|
|
"import.meta.env": JSON.stringify({ DEV: true }),
|
|
},
|
|
});
|
|
|
|
// production minified build without sourcemaps
|
|
await build({
|
|
...rawConfig,
|
|
minify: true,
|
|
outdir: "dist/prod",
|
|
define: {
|
|
"import.meta.env": JSON.stringify({ PROD: true }),
|
|
},
|
|
});
|
|
};
|
|
|
|
createESMRawBuild();
|
|
createESMBrowserBuild();
|