vue-cli3.0 webpack打包时css怎么重命名输出configureWebpack？

Question

根据参考文章这样设置后，js的确可以带版本号输出
但是不知道css怎么像js一样，重命名带版本号输出阿，
求大神指点

Answer 1

你好，可以使用vue-cli官网提供的这个属性

vue.config.js文件配置

css: {
  extract: {
    filename: "[name].${process.env.VUE_APP_VERSION}.${timeStamp}.css",
    chunkFilename: "[name].${process.env.VUE_APP_VERSION}.${timeStamp}.css"
  }
},

Answer 2

我是在chainWebpack里面配置的，不知道符不符合你的需求，希望对你有帮助。

chainWebpack: config => {

if (process.env.NODE_ENV === 'production') {
    // 为生产环境修改配置...
    config.plugin('extract-css')
      .tap(args => [{
        filename: 'css/[name].css?v=' + new Date().getTime(),
        chunkFilename: 'css/[name].css?v=' + new Date().getTime()
      }])
  } else {
    // 为开发环境修改配置...
  }

}