久久精-久久经典视频-久久加久久-久久极品视频-一区二区福利视频-一区二区不卡在线观看

　　Webpack是現代 JavaScript 應用程序的靜態模塊打包器(module bundler)。當 webpack 處理應用程序時，它會遞歸地構建一個依賴關系圖(dependency graph)，其中包含應用程序需要的每個模塊，然后將所有這些模塊打包成一個或多個 bundle。

【框架特色】

　　代碼拆分

　　Webpack 有兩種組織模塊依賴的方式，同步和異步。異步依賴作為分割點，形成一個新的塊。在優化了依賴樹后，每一個異步區塊都作為一個文件被打包。

　　Loader

　　Webpack 本身只能處理原生的 JavaScript 模塊，但是 loader 轉換器可以將各種類型的資源轉換成 JavaScript 模塊。這樣，任何資源都可以成為 Webpack 可以處理的模塊。

　　智能解析

　　Webpack 有一個智能解析器，幾乎可以處理任何第三方庫，無論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件。甚至在加載依賴的時候，允許使用動態表達式 require("./templates/" + name + ".jade")。

　　插件系統

　　Webpack 還有一個功能豐富的插件系統。大多數內容功能都是基于這個插件系統運行的，還可以開發和使用開源的 Webpack 插件，來滿足各式各樣的需求。

　　快速運行

　　Webpack 使用異步 I/O 和多級緩存提高運行效率，這使得 Webpack 能夠以令人難以置信的速度快速增量編譯。

【安裝說明】

　　請確保安裝了 Node.js 的最新版本。使用 Node.JS 最新的長期支持版本(LTS - Long Term Support)，是理想的起步。使用舊版本，你可能遇到各種問題，因為它們可能缺少 webpack 功能以及/或者缺少相關 package 包。

　　要安裝最新版本或特定版本，請運行以下命令之一：

　　npm install --save-dev webpack

　　npm install --save-dev webpack@<version>

　　如果你使用 webpack 4+ 版本，你還需要安裝 CLI。

　　npm install --save-dev webpack-cli

　　對于大多數項目，我們建議本地安裝。這可以使我們在引入破壞式變更(breaking change)的依賴時，更容易分別升級項目。通常，webpack 通過運行一個或多個 npm scripts，會在本地 node_modules 目錄中查找安裝的 webpack：

　　"scripts": {

　　"start": "webpack --config webpack.config.js"

　　}

　　當你在本地安裝 webpack 后，你能夠從 node_modules/.bin/webpack 訪問它的 bin 版本。