Vue.js Vue CLI生成到外部主机?
我目前正在开发一个Vue CLI应用程序,它使用JS和CSS的代码拆分,并在运行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文件中的这些文件,而不是采用相对路径。例如
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...'
...
}