一. 你需要準備什麼
-
webpack v4.41.5
-
Node 12.14.0 LTS
關於webpack的介紹,大家可以移步webpack4.x - 初始webpack
二.前提條件
在開始之前,請確保安裝了 Node.js 的最新版本。使用 Node.js 最新的長期支持版本(LTS - Long Term Support),是理想的起步。使用舊版本,你可能遇到各種問題,因爲它們可能缺少 webpack 功能以及/或者缺少相關 package 包。關於詳細安裝步驟,大家參考Windows下Node.js 的安裝及環境配置
三.本地安裝
要安裝最新版本或特定版本,請運行以下命令之一:
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;當你在本地安裝 webpack 後,你能夠從 node_modules/.bin/webpack
訪問它的 bin 版本。
關於webpack的本地安裝,請閱讀webpack4.x - 創建項目,打包第一個js文件
四.全局安裝
以下的 NPM 安裝方式,將使 webpack
在全局環境下可用:
npm install --global webpack
不推薦全局安裝 webpack。這會將你項目中的 webpack 鎖定到指定版本,並且在使用不同的 webpack 版本的項目中,可能會導致構建失敗。