欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

webpack學(xué)習(xí)教程之publicPath路徑問(wèn)題詳解

 更新時(shí)間：2017年06月17日 11:18:57   作者：心悅誠(chéng)服555  
這篇文章主要給大家介紹了webpack學(xué)習(xí)教程之publicPath路徑問(wèn)題的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。

本文主要給大家介紹了關(guān)于webpack中publicPath路徑問(wèn)題的相關(guān)內(nèi)容，分享出來(lái)供大家參考學(xué)習(xí)，下面來(lái)看看詳細(xì)的介紹：

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

如果沒(méi)有指定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環(huán)境下，path、publicPath、區(qū)別與聯(lián)系

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

publicPath：虛擬目錄，自動(dòng)指向path編譯目錄（/assets/ => /build/js/）。html中引用js文件時(shí)，必須引用此虛擬路徑（但實(shí)際上引用的是內(nèi)存中的文件，既不是/build/js/也不是/assets/）。

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

發(fā)布至生產(chǎn)環(huán)境：

1.webpack進(jìn)行編譯（當(dāng)然是編譯到/build/js/）

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

之前因?yàn)閜ublicPath的路徑錯(cuò)誤原因，導(dǎo)致webpack-dev-server不能自動(dòng)刷新

總結(jié)

以上就是這文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

相關(guān)文章

最新評(píng)論