diff --git a/extension/build.mjs b/extension/build.mjs index 5b84b63b..7dabb6be 100644 --- a/extension/build.mjs +++ b/extension/build.mjs @@ -21,7 +21,25 @@ await esbuild.build({ '.pug': 'empty', '.woff2': 'file', }, - // TODO Define process.env.NODE_ENV and process.env.BABEL_ENV + define: { + 'process.env.NODE_ENV': '"production"', + 'process.env.BABEL_ENV': '"production"', + }, +}); + +await esbuild.build({ + entryPoints: [{ out: 'pagewrap.bundle', in: 'src/pageScriptWrap.ts' }], + bundle: true, + logLevel: 'info', + outdir: 'dist', + minify: true, + loader: { + '.js': 'text', + }, + define: { + 'process.env.NODE_ENV': '"production"', + 'process.env.BABEL_ENV': '"production"', + }, }); console.log('Creating HTML files...'); @@ -39,6 +57,8 @@ fs.copyFileSync('chrome/manifest.json', 'dist/manifest.json'); console.log('Copying assets...'); fs.cpSync('src/assets', 'dist', { recursive: true }); +// TODO Copy dist to each browser directory + // TODO Babel? -// TODO Remember ot run TypeScript +// TODO Remember to run TypeScript diff --git a/extension/src/pageScriptWrap.ts b/extension/src/pageScriptWrap.ts index 5e1c4319..dbd10e0a 100644 --- a/extension/src/pageScriptWrap.ts +++ b/extension/src/pageScriptWrap.ts @@ -1,8 +1,9 @@ +import script from '../dist/page.bundle.js'; + let s = document.createElement('script'); s.type = 'text/javascript'; if (process.env.NODE_ENV === 'production') { - const { default: script } = require('raw-loader!../dist/page.bundle.js'); s.appendChild(document.createTextNode(script)); (document.head || document.documentElement).appendChild(s); s.parentNode!.removeChild(s);