mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-14 13:46:55 +03:00
4e0620c131
* window.bundle.js seems to work * minify * Use API instead of CLI * Add remote bundle * Perform code-splitting * Add background and stop code-splitting * Add other entrypoints * Flesh out some more * Keep going * Copy to browser directories * Ignore import type error * Strip out webpack stuff * Remove todos * Remove pug imports * Fix
72 lines
2.2 KiB
JavaScript
72 lines
2.2 KiB
JavaScript
import * as fs from 'node:fs';
|
|
import * as esbuild from 'esbuild';
|
|
import pug from 'pug';
|
|
|
|
const args = process.argv.slice(2);
|
|
const prod = !args.includes('--dev');
|
|
|
|
const commonEsbuildOptions = {
|
|
bundle: true,
|
|
logLevel: 'info',
|
|
outdir: 'dist',
|
|
minify: prod,
|
|
sourcemap: !prod,
|
|
define: {
|
|
'process.env.NODE_ENV': prod ? '"production"' : '"development"',
|
|
'process.env.BABEL_ENV': prod ? '"production"' : '"development"',
|
|
},
|
|
};
|
|
|
|
await esbuild.build({
|
|
...commonEsbuildOptions,
|
|
entryPoints: [
|
|
{ out: 'background.bundle', in: 'src/background/index.ts' },
|
|
{ out: 'options.bundle', in: 'src/options/index.tsx' },
|
|
{ out: 'window.bundle', in: 'src/window/index.tsx' },
|
|
{ out: 'remote.bundle', in: 'src/remote/index.tsx' },
|
|
{ out: 'devpanel.bundle', in: 'src/devpanel/index.tsx' },
|
|
{ out: 'devtools.bundle', in: 'src/devtools/index.ts' },
|
|
{ out: 'content.bundle', in: 'src/contentScript/index.ts' },
|
|
{ out: 'page.bundle', in: 'src/pageScript/index.ts' },
|
|
...(prod ? [] : [{ out: 'pagewrap.bundle', in: 'src/pageScriptWrap.ts' }]),
|
|
],
|
|
loader: {
|
|
'.woff2': 'file',
|
|
},
|
|
});
|
|
|
|
if (prod) {
|
|
await esbuild.build({
|
|
...commonEsbuildOptions,
|
|
entryPoints: [{ out: 'pagewrap.bundle', in: 'src/pageScriptWrap.ts' }],
|
|
loader: {
|
|
'.js': 'text',
|
|
},
|
|
});
|
|
}
|
|
|
|
console.log();
|
|
|
|
console.log('Creating HTML files...');
|
|
const htmlFiles = ['devpanel', 'devtools', 'options', 'remote', 'window'];
|
|
for (const htmlFile of htmlFiles) {
|
|
fs.writeFileSync(
|
|
`dist/${htmlFile}.html`,
|
|
pug.renderFile(`src/${htmlFile}/${htmlFile}.pug`),
|
|
);
|
|
}
|
|
|
|
console.log('Copying manifest.json...');
|
|
fs.copyFileSync('chrome/manifest.json', 'dist/manifest.json');
|
|
|
|
console.log('Copying assets...');
|
|
fs.cpSync('src/assets', 'dist', { recursive: true });
|
|
|
|
console.log('Copying dist for each browser...');
|
|
fs.cpSync('dist', 'chrome/dist', { recursive: true });
|
|
fs.copyFileSync('chrome/manifest.json', 'chrome/dist/manifest.json');
|
|
fs.cpSync('dist', 'edge/dist', { recursive: true });
|
|
fs.copyFileSync('edge/manifest.json', 'edge/dist/manifest.json');
|
|
fs.cpSync('dist', 'firefox/dist', { recursive: true });
|
|
fs.copyFileSync('firefox/manifest.json', 'firefox/dist/manifest.json');
|