更改 Vue 构建 dist 文件前缀

【问题标题】：Change Vue build dist file prefixes更改 Vue 构建 dist 文件前缀
【发布时间】：2018-10-20 16:33:29
【问题描述】：

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

 vue-cli-service build

为我构建了一组很棒的部署文件。这些前缀为app. 和vendor. 等。

有什么方法可以在这些文件中添加一些特定于应用程序的前缀或后缀，例如：

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

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

【问题讨论】：

标签： webpack vue.js vue-cli

【解决方案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

【讨论】：