更改 Vue 构建 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

更改 Vue 构建 dist 文件前缀

Change Vue build dist file prefixes

webpack

vue.js

vue-cli