|
|
const path = require('path');
|
|
|
|
|
|
const resolve = dir => {
|
|
|
return path.join(__dirname, dir);
|
|
|
};
|
|
|
|
|
|
module.exports = {
|
|
|
lintOnSave: false,
|
|
|
|
|
|
// 设为false打包时不生成.map文件
|
|
|
productionSourceMap: false,
|
|
|
|
|
|
publicPath: '/',
|
|
|
|
|
|
|
|
|
outputDir: process.env.NODE_ENV === 'production' ? 'dist' : 'dist',
|
|
|
|
|
|
chainWebpack: config => {
|
|
|
config.resolve.alias
|
|
|
.set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))
|
|
|
.set('_c', resolve('src/components'));
|
|
|
|
|
|
// 添加 raw-loader 来解析 bpmn 文件
|
|
|
config.module
|
|
|
.rule('bpmn')
|
|
|
.test(/\.bpmn$/)
|
|
|
.use('raw-loader')
|
|
|
.loader('raw-loader')
|
|
|
.end()
|
|
|
|
|
|
// config.module
|
|
|
// .rule('replace-dialog-class-loader')
|
|
|
// .test(/\.less$/)
|
|
|
// //添加exclude选项，其值是数组
|
|
|
// .exclude.add('/node_modules/').end()
|
|
|
// .use('./src/loader/replace-dialog-class-loader')
|
|
|
// .loader('./src/loader/replace-dialog-class-loader')
|
|
|
// .end()
|
|
|
},
|
|
|
|
|
|
configureWebpack: config => {
|
|
|
if (process.env.NODE_ENV === 'production') {
|
|
|
// 保持类名不被压缩 这样keep-alive的include才有效
|
|
|
config.optimization.minimizer[0].options.terserOptions.keep_fnames = true;
|
|
|
config.mode = 'production'
|
|
|
config.performance = {
|
|
|
maxEntrypointSize: 10000000,
|
|
|
maxAssetSize: 30000000
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// https://segmentfault.com/q/1010000014954264
|
|
|
config.optimization.runtimeChunk = 'single';
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 打包说明
|
|
|
* splitChunks: 将所有的库进行打包，并决定哪些分离出来，哪些打到一起
|
|
|
* 1. app.[hash].js
|
|
|
* main.js webpack打包的入口文件
|
|
|
* 2. chunk-[hash].[hash].js
|
|
|
* 动态引入的包(即懒加载, 一般是路由里引入的）=>
|
|
|
* component: () => import('@/views/error-page/500.vue')
|
|
|
* 3. chunk-verdors.[hash].js
|
|
|
* 第三方包会打到这里面
|
|
|
* 通过 cacheGroups 的 vendors 来配置;
|
|
|
* cacheGroups 的 default 默认配置会将引入大于等于2次的包打到这里
|
|
|
*/
|
|
|
config.optimization.splitChunks = {
|
|
|
// initial 只从入口模块进行拆分，对于异步导入(比如懒加载)的文件不处理
|
|
|
// async 异步chunk，只对异步导入的文件处理
|
|
|
// all 全部chunk
|
|
|
chunks: 'all',
|
|
|
// 表示允许入口(页面初始化，不包括异步加载的脚本)并行加载的最大请求数
|
|
|
// 之所以有这个配置也是为了对拆分数量进行限制，不至于拆分出太多模块导致请求数量过多
|
|
|
maxInitialRequests: 8,
|
|
|
// 分出来的包最小字节数必须大于此值，单位为Byte
|
|
|
minSize: 200000,
|
|
|
cacheGroups: {
|
|
|
vendor: {
|
|
|
test: /[\\/]node_modules[\\/]/,
|
|
|
// 生成的文件名
|
|
|
name(module) {
|
|
|
const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
|
|
|
return `${packageName.replace('@', '')}`;
|
|
|
}
|
|
|
},
|
|
|
viewDesign: {
|
|
|
name: 'chunk-view-design', // split view-design into a single package
|
|
|
priority: 10, // the weight needs to be larger than libs and app or it will be packaged into vendor or app
|
|
|
test: /[\\/]node_modules[\\/]_?view-design(.*)/ // in order to adapt to cnpm
|
|
|
// todo 怎么自定义单个包的域名 publicPath 只能全局设置
|
|
|
},
|
|
|
antDesignVue: {
|
|
|
name: 'chunk-ant-design-view',
|
|
|
priority: 10,
|
|
|
test: /[\\/]node_modules[\\/]_?ant-design-vue(.*)/
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
}
|
|
|
};
|
