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 ```