Vue.js 构建并部署到单个文件

Question

我有一个从 webpack 创建的 Vue.js 应用程序，当我构建（npm run build）时，它会分别创建一个带有 static/css 和 static/js 文件夹的“dist”文件夹。我得到

• app.12345.js*
• app.12345.map
• manifest.556.js*
• manifest.556.js.map
• 供应商.991.js*
• vendor.991.js.map

在它生成的 index.html 中，它似乎只使用标有星号 (*) 的文件。我的问题是，有没有办法将这 3 个压缩成一个文件，这样我只需要在我的索引页面中引用一个文件？喜欢 ~/myApp.js？我已经阅读了有关分块的内容，但似乎不能少于列出的 3 个文件。

Answer 1

module.exports = {
  css: {
    extract: false,
  },
  configureWebpack: {
    optimization: {
      splitChunks: false
    }
  },
}

文件名：vue.config.js（根文件夹）