Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xcode/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js Vue CLI生成到外部主机?_Vue.js_Webpack_Vue Cli - Fatal编程技术网

Vue.js Vue CLI生成到外部主机?

Vue.js Vue CLI生成到外部主机?,vue.js,webpack,vue-cli,Vue.js,Webpack,Vue Cli,我目前正在开发一个Vue CLI应用程序,它使用JS和CSS的代码拆分,并在运行npm run build时构建了近1000个JS/CSS文件 我在Google Cloud Run上托管这个应用程序,在那里我按请求付费。虽然成本仍然不太高,但我仍在努力避免每个页面视图需要500个请求。我有一个想法,但我不确定这是否可能 我想知道的是,我是否可以让我的webpack build将JS和CSS文件生成到dist文件夹中,但使用外部主机引用index.html文件中的这些文件,而不是采用相对路径。例如

我目前正在开发一个Vue CLI应用程序,它使用JS和CSS的代码拆分,并在运行
npm run build
时构建了近1000个JS/CSS文件

我在Google Cloud Run上托管这个应用程序,在那里我按请求付费。虽然成本仍然不太高,但我仍在努力避免每个页面视图需要500个请求。我有一个想法,但我不确定这是否可能

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

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

有人知道这是否可能吗?如果是这样的话,你能指引我正确的方向吗

来救援

应用程序包将部署在的基本URL(称为 Vue CLI 3.3之前的
baseUrl
)。这相当于webpack的
output.publicPath
,但Vue CLI也需要此值用于其他 因此,您应该始终使用
publicPath
,而不是修改 网页包
output.publicPath

// vue.config.js

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