|
|
@@ -1,59 +1,16 @@
|
|
|
-const { modifyWebpackConfig, shallowMerge, defaultOptions } = require('@gera2ld/plaid');
|
|
|
-const { isProd } = require('@gera2ld/plaid/util');
|
|
|
const webpack = require('webpack');
|
|
|
-const TerserPlugin = isProd && require('terser-webpack-plugin');
|
|
|
-const deepmerge = isProd && require('deepmerge');
|
|
|
const { ListBackgroundScriptsPlugin } = require('./manifest-helper');
|
|
|
const { addWrapperWithGlobals, getCodeMirrorThemes } = require('./webpack-util');
|
|
|
const ProtectWebpackBootstrapPlugin = require('./webpack-protect-bootstrap-plugin');
|
|
|
-const projectConfig = require('./plaid.conf');
|
|
|
const { getVersion } = require('./version-helper');
|
|
|
const { configLoader } = require('./config-helper');
|
|
|
-const mergedConfig = shallowMerge(defaultOptions, projectConfig);
|
|
|
+const { getBaseConfig, getPageConfig, isProd } = require('./webpack-base');
|
|
|
|
|
|
// Avoiding collisions with globals of a content-mode userscript
|
|
|
const INIT_FUNC_NAME = '**VMInitInjection**';
|
|
|
const VAULT_ID = 'VAULT_ID';
|
|
|
const PAGE_MODE_HANDSHAKE = 'PAGE_MODE_HANDSHAKE';
|
|
|
const VM_VER = getVersion();
|
|
|
-const WEBPACK_OPTS = {
|
|
|
- node: {
|
|
|
- global: false,
|
|
|
- },
|
|
|
- performance: {
|
|
|
- maxEntrypointSize: 1e6,
|
|
|
- maxAssetSize: 0.5e6,
|
|
|
- },
|
|
|
-};
|
|
|
-const MIN_OPTS = {
|
|
|
- extractComments: false,
|
|
|
- parallel: true,
|
|
|
- terserOptions: {
|
|
|
- compress: {
|
|
|
- // `terser` often inlines big one-time functions inside a small "hot" function
|
|
|
- reduce_funcs: false,
|
|
|
- },
|
|
|
- output: {
|
|
|
- ascii_only: true,
|
|
|
- comments: false,
|
|
|
- wrap_func_args: false, // disabling a premature optimization designed for old browsers
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
-const MIN_OPTS_PUBLIC = isProd && {
|
|
|
- include: 'public/',
|
|
|
- ...MIN_OPTS,
|
|
|
-};
|
|
|
-const MIN_OPTS_MAIN = isProd && deepmerge.all([{}, MIN_OPTS, {
|
|
|
- exclude: 'public/',
|
|
|
- terserOptions: {
|
|
|
- compress: {
|
|
|
- ecma: 8, // ES2017 Object.entries and so on
|
|
|
- passes: 2, // necessary now since we removed plaid's minimizer
|
|
|
- unsafe_arrows: true, // it's 'safe' since we don't rely on function prototypes
|
|
|
- },
|
|
|
- },
|
|
|
-}]);
|
|
|
|
|
|
configLoader
|
|
|
// Default values
|
|
|
@@ -98,45 +55,23 @@ const skipReinjectionHeader = `{
|
|
|
const INIT_FUNC_NAME = '${INIT_FUNC_NAME}';
|
|
|
if (window[INIT_FUNC_NAME] !== 1)`;
|
|
|
|
|
|
-const modify = (page, entry, init) => modifyWebpackConfig(
|
|
|
- (config) => {
|
|
|
- Object.assign(config, WEBPACK_OPTS);
|
|
|
- config.output.publicPath = '/';
|
|
|
- config.plugins.push(new webpack.DefinePlugin({
|
|
|
- ...defsObj,
|
|
|
- // Conditional compilation to remove unsafe and unused stuff from `injected`
|
|
|
- 'process.env.IS_INJECTED': JSON.stringify(/injected/.test(page) && page),
|
|
|
- }));
|
|
|
- config.optimization.minimizer.find((m, i, arr) => (
|
|
|
- m.constructor.name === 'TerserPlugin' && arr.splice(i, 1)
|
|
|
- ));
|
|
|
- config.optimization.minimizer.push(...!isProd ? [] : [
|
|
|
- new TerserPlugin(MIN_OPTS_PUBLIC),
|
|
|
- new TerserPlugin(MIN_OPTS_MAIN),
|
|
|
- ]);
|
|
|
- config.module.rules.find(rule => {
|
|
|
- if (typeof rule.test?.test === 'function' && rule.test.test('file.js')) {
|
|
|
- rule.exclude = file => /node_modules/.test(file) && !/vueleton|@vue[/\\]shared/.test(file);
|
|
|
- }
|
|
|
- const vueOpts = rule.test?.source.includes('.vue') && rule.options;
|
|
|
- if (vueOpts) {
|
|
|
- const arr = vueOpts.babelParserPlugins || (vueOpts.babelParserPlugins = []);
|
|
|
- if (!arr.includes('functionBind')) arr.push('functionBind');
|
|
|
- }
|
|
|
- });
|
|
|
- if (!entry) init = page;
|
|
|
- if (init) init(config);
|
|
|
- return config;
|
|
|
- }, {
|
|
|
- projectConfig: {
|
|
|
- ...mergedConfig,
|
|
|
- ...entry && { pages: { [page]: { entry } } },
|
|
|
- },
|
|
|
- },
|
|
|
-);
|
|
|
+const buildConfig = (page, entry, init) => {
|
|
|
+ const config = entry ? getBaseConfig() : getPageConfig();
|
|
|
+ config.plugins.push(new webpack.DefinePlugin({
|
|
|
+ ...defsObj,
|
|
|
+ // Conditional compilation to remove unsafe and unused stuff from `injected`
|
|
|
+ 'process.env.IS_INJECTED': JSON.stringify(/injected/.test(page) && page),
|
|
|
+ }));
|
|
|
+ if (typeof entry === 'string') {
|
|
|
+ config.entry = { [page]: entry };
|
|
|
+ }
|
|
|
+ if (!entry) init = page;
|
|
|
+ if (init) init(config);
|
|
|
+ return config;
|
|
|
+};
|
|
|
|
|
|
-module.exports = Promise.all([
|
|
|
- modify((config) => {
|
|
|
+module.exports = [
|
|
|
+ buildConfig((config) => {
|
|
|
addWrapperWithGlobals('common', config, defsObj, getGlobals => ({
|
|
|
header: () => `{ ${getGlobals()}`,
|
|
|
footer: '}',
|
|
|
@@ -147,7 +82,7 @@ module.exports = Promise.all([
|
|
|
}));
|
|
|
}),
|
|
|
|
|
|
- modify('injected', './src/injected', (config) => {
|
|
|
+ buildConfig('injected', './src/injected', (config) => {
|
|
|
config.plugins.push(new ProtectWebpackBootstrapPlugin());
|
|
|
addWrapperWithGlobals('injected/content', config, defsObj, getGlobals => ({
|
|
|
header: () => `${skipReinjectionHeader} { ${getGlobals()}`,
|
|
|
@@ -155,7 +90,7 @@ module.exports = Promise.all([
|
|
|
}));
|
|
|
}),
|
|
|
|
|
|
- modify('injected-web', './src/injected/web', (config) => {
|
|
|
+ buildConfig('injected-web', './src/injected/web', (config) => {
|
|
|
config.output.libraryTarget = 'commonjs2';
|
|
|
config.plugins.push(new ProtectWebpackBootstrapPlugin());
|
|
|
addWrapperWithGlobals('injected/web', config, defsObj, getGlobals => ({
|
|
|
@@ -169,4 +104,4 @@ module.exports = Promise.all([
|
|
|
}};0;`,
|
|
|
}));
|
|
|
}),
|
|
|
-]);
|
|
|
+];
|
Gerald