Vue CLI 构建到外部主机？

Question

我有一个我目前正在开发的 Vue CLI 应用程序，它使用 JS 和 CSS 的代码拆分，并在运行 [=10] 上构建了将近 1,000 个 JS/CSS 文件=].

我在 Google 云运行上托管此应用程序，我按请求付费。虽然成本仍然不是那么高，但我仍然希望尝试避免每次页面浏览都需要 500 个请求。我有一个想法，但我不确定这是否可能...

我想知道我是否可以让我的 webpack 构建生成 JS 和 CSS 文件到 dist 文件夹中，但是在 index.html 文件中引用这些文件外部主机，而不是假定相对路径。例如，该文件将存在于 dist/css/chunk-abc123.js 但在 index.html 中，它将类似于 https://storage.google.../css/chunk-abc123.js.

这样，在我的 CI 管道中，我可以将这些文件从 dist 目录上传到 Google 云存储，并从那里静态地提供它们。

有人知道这是否可行吗？如果是这样，你能指导我正确的方向吗？

Answer 1

publicPath 来救援。

The base URL your application bundle will be deployed at (known as baseUrl before Vue CLI 3.3). This is the equivalent of webpack's output.publicPath, but Vue CLI also needs this value for other purposes, so you should always use publicPath instead of modifying webpack output.publicPath.

// vue.config.js

module.exports = {
  ...
  publicPath: 'https://storage.google...'
  ...
}

Vue CLI 构建到外部主机？

Vue CLI build to external host?

webpack

vue.js

vue-cli