Webpack 更改Vue生成区文件前缀

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

 vue-cli-service build

为我构建了一组很棒的部署文件。前缀为

app.

和

vendor.

等

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

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

---

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

您可以在项目中创建

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网页包文档

您可以在项目中创建

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网页包文档