webpack拾憶

• output.path [string]
  output 目錄對應一個絕對路徑, 表示 build 後的檔案存放位置
• output.pathinfo [boolean]
  告訴 webpack 在 bundle 中引入「所包含模組資訊」的相關注釋。此選項預設值是 false
• output.publicPath [string function]
  生成的檔案注入到 html 檔案時的公開 URL.
  預設值是一個空字串 “”,相對 URL(relative URL) 會被相對於 HTML 頁面（或 標籤）解析.

在啟用devServer.historyApiFallback，很可能需要調整這個引數

publicPath: "https://cdn.example.com/assets/", // CDN（總是 HTTPS 協議）
publicPath: "//cdn.example.com/assets/", // CDN (協議相同)
publicPath: "/assets/", // 相對於服務(server-relative)
publicPath: "assets/", // 相對於 HTML 頁面
publicPath: "../assets/", // 相對於 HTML 頁面
publicPath: "", // 相對於 HTML 頁面（目錄相同）

devServer

• devServer.contentBase [boolean string array]
  告訴伺服器從哪裡提供內容。只有在你想要提供靜態檔案時才需要

• devServer.public

  devServer.inline為true時表示內聯，

  但是內聯的客戶端指令碼並不總是知道要連線到什麼地方， 比如被nginx代理了，並在my.test.com可用。

  它會嘗試根據 window.location 來猜測伺服器的 URL，但是如果失敗，你需要這樣。

  public: "myapp.test:80"
  

• devServer.publicPath [string]

  指定靜態資源的路徑，此路徑下的打包檔案可在瀏覽器中訪問

  publicPath: "/assets/"