更改Vue构建dist文件前缀

Question

我正在使用vue-cli 3的build命令来构建我的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