Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
355 views
in Technique[技术] by (71.8m points)

请问一个vue项目打包问题!

Invalid options in vue.config.js: "optimization" is not allowed

npm run build ,打包出现这种错误
在网上搜了下说是 vue-cli的版本低
image.png
但3,11,0也不算太老吧~~
还在执行依赖重装一下,还是出现这个错误

image.png

使用了

new webpack.optimize.SplitChunksPlugin

发现打出来的还是这么大
image.png


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

你可以在vue.config.js中配置

configureWebpack: (config) => {
    // 将每个依赖包打包成单独的js文件
    let optimization = {
      runtimeChunk: 'single',
      splitChunks: {
        // 你的配置
      },
      minimizer: [new UglifyPlugin({
        uglifyOptions: {
          // 你的配置
        }
      })]
    }
    Object.assign(config, {
      optimization
    })
},

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
...