webpack-dev-server核心要點

ContentBase/output.path/publicPath

webpack-dev-server會使用當前的路徑做爲請求的資源路徑（通常是項目的根路徑）；能夠經過值得的防範來修改這個默認的行爲。

webpack-dev-server --content-base build/　　

 

publickPath至關於虛擬路徑，映射於output.path

module.exports = {
  entry: {
    app: ["./app/main.js"]
  },
  output: {
    path: path.resolve(__dirname, "build"),
    publicPath: "/assets/",
    //此時至關於/assets/路徑對應於 build 目錄，是一個映射的關係
    filename: "bundle.js"
  }
}

webpack-dev-server熱加載（HMR）

finaly有坑，要用

賊簡單lisrs