vue3项目,webpack打包后部分文件丢失
configureWebpack: (config) => {if (process.env.NODE_ENV === 'production') {// 仅在生产环境下启用该配置return {performance: {// 打包后最大文件大小限制maxAssetSize: 1024000},plugins: [new Compress...
·
vue3项目,部署后发现部分文件404,检查发现打包后dist文件夹中的文件少了很多。寻找原因后发现vue2的项目升级到vue3 后,vue.config.js中的webpack配置项没有及时更改,导致js和css压缩后的文件没有生成,又删除了原文件。改成如下配置后,再打包部署就没有问题了。
configureWebpack: (config) => {
if (process.env.NODE_ENV === 'production') {
// 仅在生产环境下启用该配置
return {
performance: {
// 打包后最大文件大小限制
maxAssetSize: 1024000
},
plugins: [
new CompressionWebpackPlugin({
filename: '[path][base].gz',
algorithm: 'gzip',
test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
threshold: 1024, // 只有大小大于该值的资源会被处理,当前配置为对于超过1k的数据进行处理,不足1k的可能会越压缩越大
minRatio: 0.99, // 只有压缩率小于这个值的资源才会被处理
deleteOriginalAssets: true // 删除原文件
})
]
}
}
}
更多推荐
已为社区贡献17条内容
所有评论(0)