webpack2.x 中文文檔翻譯之公開路徑(pbulic path)

W4n9Hu1 發布于2019-08-20 14:43 / 2411人閱讀

摘要：公開路徑該條已在中文網存在點擊這里有一個非常有用的設置，允許你設置一個所有資源的基礎路徑在你的應用中。使用案例這里有有些實際應用中的案例，其中它使用的非常靈活。

公開路徑(pbulic path)

該條已在webpack2.x中文網存在,點擊這里

webpack有一個非常有用的設置，允許你設置一個所有資源的基礎路徑在你的應用中。它叫做publicPath。

使用案例(Use cases)

這里有有些實際應用中的案例，其中它使用的非常靈活。

在打包生產時設置值 (set value on build time)

在開發時我們通常會有一個assets/文件夾，并且他和index頁面處于同級，但是我們想讓這些靜態資源都在生產時放到cdn嗎？

為了解決這個問題，我們僅僅使用一個舊的環境變量。我們有一個變量ASSET_PATH:

import webpack from "webpack";
//無論環境變量是什么，其他使用root
const ASSET_PATH = process.env.ASSET_PATH || "/";

export default{
  output:{
    publicPath:ASSET_PATH
  },

  plugins: [
    
    new webpack.DefinePlugin({
      "precess.env.ASSET_PATH": JSON.stringify(ASSET_PATH)
    })
  ]
};

運行時編譯（set value on the fly)

另一個方式設置到on the fly。webpack暴露了全部變量，這允許你做到這些。__webpack_public_path__。所以在你的應用入口，你只需這樣做:

__webpack_public_path__ = process.env.ASSET_PATH;

因為我們已經使用了DefinePlugin在我們的設置中，process.env.ASSET_PATH將會一直被定義。

云服務器 GPU云服務器中文翻譯 webrtc中文翻譯源碼中文說明之 java中文亂碼解決之道

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81862.html

webpack2.x 中文文檔翻譯之出口Output

摘要：出口影響編譯的輸出告訴怎樣編譯輸出的文件允許多個入口一個出口的情況。該選項實現跨域加載模塊可以的值是命名每個出口文件。不必明確絕對路徑。使用設置項，設置具體位置。僅僅命名文件名字即可。出口Output 影響編譯的輸出告訴webpack怎樣編譯輸出的文件允許多個入口一個出口的情況。用法 const config = { output: bundle.js }; module.e...

weizx 2019-08-20 14:42 評論0 收藏0
webpack2.x 中文文檔翻譯之分離庫代碼Code Splitting - Librari

摘要：瀏覽器需要重新下載打包后的文件，即使文件的絕大部分都沒有變化。分離并且以來命名新的入口能夠緩和當前的問題。現在運行綁定的檢查結果是只是被綁定到這個綁定文件中。分離庫代碼Code Splitting - Libraries 這個在webpack2.x中文網已存在，點擊這里讓我們想一個簡單的應用——momentjs，他是一個事件格式化的庫。安裝moment. npm install -...

elva 2019-08-20 14:43 評論0 收藏0
webpack2.x 中文文檔翻譯之依賴管理 Dependency Management

摘要：依賴管理該條已在中文網存在，點擊這里表達式來調用當你的請求包含表達式，那個一個上下文環境將被創建。一個包含所有父文件夾和子及后代文件夾中以結尾的文件的上下文。一個函數，返回一個數組，包含上下文模塊能夠處理的所有的請求。依賴管理 Dependency Management 該條已在webpack2.x中文網存在，點擊這里 es6 modules commonjs amd 表達式...

raledong 2019-08-20 14:42 評論0 收藏0
webpack2.x 中文文檔翻譯之開發Development

摘要：下載完成之后你可以這樣啟動它如果控制臺提醒這個指令無效，可以嘗試最好的方法是在中添加命令如下上述命令會使瀏覽器自動打開到地址。下載完成，如下使用。開發Development 在這篇中我們將說明怎樣開始開發，以及增從三個工具中擇一進行開發。假使你已經設置了webpack.config.js設置文件。該文檔已在webpack2.x中存在，點擊這里永遠不要再生產產品中使用這些工具，絕對...

GeekGhc 2019-08-20 14:40 評論0 收藏0
代碼分離-import() webpack2.x 中文文檔翻譯

摘要：代碼分離使用中文文檔地址點擊這里動態導入目前，類函模塊加載的語法建議整體交給。在中的是個分離點，用來把被請求的模塊獨立成一個單獨的模塊。被替代因為在中使用已經不合建議規范，因此將在版本中啟用。代碼分離-使用import() 中文文檔地址點擊這里動態導入目前，類函模import()塊加載的語法建議——syntax proposal整體交給ECMAScript。ES2015(es6)...

jaysun 2019-08-20 15:18 評論0 收藏0