首頁 >web前端 >js教程 >publicPath路徑問題及解決方法實例

publicPath路徑問題及解決方法實例

這篇文章主要為大家介紹了webpack學習教程之publicPath路徑問題的相關資料，文中透過範例程式碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。

本文主要為大家介紹了關於webpack中publicPath路徑問題的相關內容，分享出來供大家參考學習，以下來看看詳細的介紹：

output: {
  filename: "[name].js",
  path:path.resolve(dirname,"build")
 }

如果沒有指定pubicPath,則引入路徑如下

<body>
 <script src="b.js"></script>
</body>

如果有指定publicPath

output: {
  filename: "[name].js",
  path:path.resolve(dirname,"build"),
  publicPath:"/assets/"
 }

則引入如下

<body>
 <script src="assets/b.js"></script>
</body>

webpack-dev-server環境下，path、publicPath、區別與聯繫

path：指定編譯目錄而已（/build /js/），不能用於html中的js引用。

publicPath：虛擬目錄，自動指向path編譯目錄（/assets/ => /build/js/）。 html中引用js檔案時，必須引用此虛擬路徑（但實際上引用的是記憶體中的文件，既不是/build/js/也不是/assets/）。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

#發佈至生產環境：

1.webpack進行編譯（當然編譯到/build/js/）

2.把編譯目錄（/build/js/）下的文件，全部複製到/assets/目錄下（注意：不是去修改index.html中引用bundle.js的路徑）

之前因為publicPath的路徑錯誤原因，導致webpack-dev-server不能自動刷新

以上是publicPath路徑問題及解決方法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多