在默認的 webpack 設定中,輸出 js/css 位于根路徑下,類似于
<link href=/css/app.ff6d5467.css rel=preload as=style>
<link href=/css/chunk-vendors.e6bc587c.css rel=preload as=style>
<link href=/js/app.a9f1ae4f.js rel=preload as=script>
<link href=/js/chunk-vendors.7cfe59d2.js rel=preload as=script>
<link href=/css/chunk-vendors.e6bc587c.css rel=stylesheet>
<link href=/css/app.ff6d5467.css rel=stylesheet>
但是,當我部署我的服務時,它位于主機的子路徑下,例如http://all-services.com/myservice,其中有一個 nginx 代理將所有流量路由/myservice到我的服務,所以這些 js/css最終會出現 404 錯誤,因為他們試圖訪問http://all-service.com/js和http://all-service.com/css下的資源。
我想在的WebPack構建,改變改變這些JS / CSS的路徑/myservice/js和/myservice/css例如,我應該如何配置這的WebPack?
uj5u.com熱心網友回復:
將此添加到您的webpack.config.js:
output: {
publicPath: "/myservice",
},
該publicPath組件將被插入到href之前css或jsuri 路徑組件中。
檔案:https : //webpack.js.org/guides/public-path/
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/348980.html
標籤:网络包
