Vue CLI是否构建到外部主机？

Question

我有一个正在使用的Vue CLI应用程序，该应用程序使用JS和CSS的代码拆分功能，并在运行npm run build时构建了近1,000个JS / CSS文件。

我将此应用托管在Google Cloud Run上，我在此按请求付费。尽管费用仍然不算那么高，但我仍在尝试尝试防止每个页面浏览需要500个请求。我有个想法，但不确定是否有可能...

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

这样，在我的CI管道中，我可以将这些文件从dist目录上载到Google Cloud Storage，然后从那里静态地提供它们。

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

Answer 1

publicPath来了。

  

您的应用程序捆绑包将部署在的基本URL（称为   baseUrl在Vue CLI 3.3之前）。这相当于webpack的   output.publicPath，但Vue CLI的其他值也需要此值   目的，因此您应该始终使用publicPath而不是进行修改   webpack output.publicPath 。

// vue.config.js

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