82 lines
2.2 KiB
JavaScript
82 lines
2.2 KiB
JavaScript
|
const CracoAlias = require('craco-alias');
|
|||
|
|
const webpack = require('webpack');
|
|||
|
|
const TerserPlugin = require('terser-webpack-plugin');
|
|||
|
|
const GenerateMetaPlugin = require('./script/GenerateMetaPlugin');
|
|||
|
|
|
|||
|
|
module.exports = {
|
|||
|
|
plugins: [
|
|||
|
|
{
|
|||
|
|
plugin: CracoAlias,
|
|||
|
|
options: {
|
|||
|
|
baseUrl: 'src',
|
|||
|
|
source: 'tsconfig',
|
|||
|
|
tsConfigPath: './tsconfig.json',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
devServer: {
|
|||
|
|
client: {
|
|||
|
|
overlay: {
|
|||
|
|
runtimeErrors: (error) => {
|
|||
|
|
// 忽略ResizeObserver的错误防止阻断调试
|
|||
|
|
return !(
|
|||
|
|
error.message === 'ResizeObserver loop limit exceeded' ||
|
|||
|
|
error.message ===
|
|||
|
|
'ResizeObserver loop completed with undelivered notifications.'
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
webpack: {
|
|||
|
|
configure: (webpackConfig, arg) => {
|
|||
|
|
// webpack v4 2 v5 polyfill workaround
|
|||
|
|
webpackConfig.resolve.fallback = {
|
|||
|
|
path: false,
|
|||
|
|
fs: false,
|
|||
|
|
assert: false,
|
|||
|
|
buffer: require.resolve('buffer'),
|
|||
|
|
'process/browser': require.resolve('process/browser'),
|
|||
|
|
os: require.resolve('os-browserify/browser'),
|
|||
|
|
};
|
|||
|
|
webpackConfig.plugins.push(
|
|||
|
|
new GenerateMetaPlugin(),
|
|||
|
|
new webpack.ProvidePlugin({
|
|||
|
|
process: 'process/browser',
|
|||
|
|
Buffer: ['buffer', 'Buffer'],
|
|||
|
|
}),
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// 处理typescript的warning：
|
|||
|
|
// Module not found: Error: Can't resolve 'perf_hooks' in '/node_modules/typescript/lib'
|
|||
|
|
// Critical dependency: the request of a dependency is an expression
|
|||
|
|
webpackConfig.module.noParse = /typescript\/lib\/typescript.js$/;
|
|||
|
|
|
|||
|
|
// 去掉一个warning
|
|||
|
|
webpackConfig.ignoreWarnings = [/Failed to parse source map/];
|
|||
|
|
|
|||
|
|
// 去掉comments
|
|||
|
|
if (arg.env === 'production') {
|
|||
|
|
webpackConfig.optimization.minimize = true;
|
|||
|
|
webpackConfig.optimization.minimizer = [
|
|||
|
|
new TerserPlugin({
|
|||
|
|
terserOptions: {
|
|||
|
|
output: {
|
|||
|
|
comments: false,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
extractComments: false,
|
|||
|
|
}),
|
|||
|
|
];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return webpackConfig;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
style: {
|
|||
|
|
postcss: {
|
|||
|
|
mode: 'file',
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
};
|