更改Vue build dist文件前缀

Question

我正在使用vue-cli 3的构建命令来构建我的Vue应用程序。

 vue-cli-service build

构建一组很棒的部署文件。它们以app.和vendor.等为前缀。

有没有办法为这些文件添加一些应用程序特定的前缀或后缀，例如：

signup.app.62948721.js
signup.vendor.3fc5b322.js
...

我将多个Vue应用程序部署到同一目录结构中，我想要一种区分它们的方法。

Answer 1

您可以在项目中创建vue.config.js并调整配置

module.exports = {
    configureWebpack: config => {
        config.output.filename = 'ittus.[name].js';

    },
    chainWebpack: config => {
      config.plugin('extract-css')
          .tap(([options, ...args]) => [
              Object.assign({}, options, { filename: 'css/ittus.[name].css' }),
              ...args
          ])
    }
}

此处ittus是我的前缀

有关详细信息，请查看vue-cli webpack文档https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md