webpack通過npm安裝， npm集成在Node.js中，所有需要先安裝Node.js。 本篇基于Windows進行實例演示 1. 安裝Node.js 到以下地址現在對應OS的版本 [https://nodejs.org/en/download/](https://nodejs.org/en/download/) 下載后雙擊安裝， 安裝完成， npm也就可以用了。 2. 創建項目路徑。 這里筆者將項目放置在 `D:\devworkspace\nodejs`目錄下， 建立一個空的項目目錄webpack-demo。 3. 使用npm初始化 ``` cd D:\devworkspace\nodejs\webpack-demo npm init -y ``` -y 參數的意思是yes, 即直接忽略所有問答，全部采用默認答案。如果不加該參數，則命令行會提示一系列需要交互的應答。 該命令執行完成會在項目路徑下產生package.json文件， 內容包括模塊名字、版本、描述等的JSON格式的數據。 ``` { "name": "webpack-demo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC" } ``` 4. 安裝webpack和webpack-cli 在項目路徑下，執行： ``` npm install webpack webpack-cli --save-dev ``` * webpack是模塊的內容。 * webpack-cli是webpack的工具命令行 * --save-dev 則會把信息記錄到 devDependencies ， 不過不加該選項或是使用--save則會把信息記錄到 dependencies 中。 安裝完Node.js之后，在項目路徑下，執行： ``` npm install webpack webpack-cli --save-dev ``` 以上執行完成會在項目路徑下創建 * package-lock.json， 文件 * node_modules， 模塊 ``` node_modules\.bin\webpack ```