vue-cli3.0 同时配置gzip和js版本号,configureWebpack接受参数的问题

shawn
  • 18

我在配置vue-cli3.0,想同时配置gzip和js版本号,但是查看文档configureWebpack只能接受一个对象或函数,但是
gzip配置在函数里,而js版本号是在对象的output里,这很很矛盾里,只能二选一

configureWebpack: config => {

configureWebpack: config => {
    if (isProduction) {
      config.plugins.push(new CompressionWebpackPlugin({
          algorithm: 'gzip',
          test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
          threshold: 10240,
          minRatio: 0.8
        }),
      )}
     }
  }

js加入版本号的代码

configureWebpack: { // webpack 配置
  output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
  filename: `${assetsDir}/js/[name].js?${Timestamp}`,
  chunkFilename: `${assetsDir}/js/[name].js?${Timestamp}`
},

},

官方文档这么解释

clipboard.png

大佬们有没有解决方案,跪谢

回复
阅读 3.2k
2 个回答
甜甜圈长肉肉
  • 1
新手上路,请多包涵

可以将output写入函数中,具体方式如下:
图片描述

clipboard.png
用这个方式不执行压缩的命令了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进