|
|
|
@ -1,4 +1,6 @@ |
|
|
|
|
const path = require('path') |
|
|
|
|
//YU 优化 解决webpack打包后chunk.js 数量过多,影响加载速度问题(Jeecg)
|
|
|
|
|
const webpack = require('webpack') |
|
|
|
|
const CompressionPlugin = require("compression-webpack-plugin") |
|
|
|
|
|
|
|
|
|
function resolve(dir) { |
|
|
|
@ -14,7 +16,6 @@ |
|
|
|
|
*/ |
|
|
|
|
// 如果你不需要生产环境的 source map,可以将其设置为 false 以加速生产环境构建。
|
|
|
|
|
productionSourceMap: false, |
|
|
|
|
|
|
|
|
|
//打包app时放开该配置
|
|
|
|
|
//publicPath:'./',
|
|
|
|
|
configureWebpack: config => { |
|
|
|
@ -31,17 +32,37 @@ |
|
|
|
|
"maxAssetSize": 30000000 |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
// config.externals = {
|
|
|
|
|
// 'vue': 'Vue',
|
|
|
|
|
// 'vuex': 'Vuex',
|
|
|
|
|
// 'vue-router': 'VueRouter',
|
|
|
|
|
// 'axios':'axios',
|
|
|
|
|
// };
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
chainWebpack: (config) => { |
|
|
|
|
// YU-优化
|
|
|
|
|
config.plugins.delete('prefetch') |
|
|
|
|
// YU-优化 只保留中文语言包
|
|
|
|
|
config.plugin('ContextReplacementPlugin').use(webpack.ContextReplacementPlugin, [/moment[/\\]locale$/, /zh-cn/]) |
|
|
|
|
config.resolve.alias |
|
|
|
|
.set('@$', resolve('src')) |
|
|
|
|
.set('@api', resolve('src/api')) |
|
|
|
|
.set('@assets', resolve('src/assets')) |
|
|
|
|
.set('@comp', resolve('src/components')) |
|
|
|
|
.set('@views', resolve('src/views')) |
|
|
|
|
//.set('@ant-design/icons/lib/dist$',resolve("src/icons.js"))
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// YU-优化 包
|
|
|
|
|
// config.set('externals', {
|
|
|
|
|
// 'vue': 'Vue',
|
|
|
|
|
// 'vuex': 'Vuex',
|
|
|
|
|
// 'vue-router': 'VueRouter',
|
|
|
|
|
// 'axios':'axios',
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//生产环境,开启js\css压缩
|
|
|
|
|
if (process.env.NODE_ENV === 'production') { |
|
|
|
@ -51,6 +72,15 @@ |
|
|
|
|
deleteOriginalAssets: false // 不删除源文件
|
|
|
|
|
})) |
|
|
|
|
} |
|
|
|
|
// YU-优化
|
|
|
|
|
// 限制打包的个数(减少打包生成的js文件和css文件)
|
|
|
|
|
//在合并chunk时,webpack会尝试识别出具有重复模块的chunk,并优先进行合并。任何模块都不会被合并到entry chunk中,以免影响初始页面加载时间
|
|
|
|
|
//maxChunks:使用大于或等于 1 的值,来限制 chunk 的最大数量。使用 1 防止添加任何其他额外的 chunk,这是因为 entry/main chunk 也会包含在计数之中。
|
|
|
|
|
//minChunkSize: 设置 chunk 的最小大小。
|
|
|
|
|
// config.plugin('chunkPlugin').use(webpack.optimize.LimitChunkCountPlugin, [{
|
|
|
|
|
// maxChunks: 10,
|
|
|
|
|
// minChunkSize: 10000
|
|
|
|
|
// }])
|
|
|
|
|
|
|
|
|
|
// 配置 webpack 识别 markdown 为普通的文件
|
|
|
|
|
config.module |
|
|
|
|