# 2. 安装
## 1. 安装 nodejs
要使用 webpack,必须确保电脑上存在着 nodejs 这个运行环境,所以,如果没有 nodejs,要先安装它。
在浏览器输入下面的网址:
<https://nodejs.org/en/>
界面如下:
![](https://box.kancloud.cn/88e47d784286b1f60e635e8f81637b33_1632x788.png)
下载安装包后,点击可执行文件,不断地按下一步,就可以安装成功。
最后打开命令行终端,输入以下命令。
```
$ node -v
```
应该会显示所安装的 nodejs 的版本,比如我的:
```
v7.8.0
```
这样就表示电脑上有 nodejs 的环境了。
## 2. 安装 webpack
下一步,就可以安装 webpack 了。
在命令行终端上输入以下命令:
```
$ npm install -g webpack
```
> npm 是 nodejs 管理插件用的工具,install 表示安装,-g 表示全局安装,这样会把可执行文件 webpack 放到 bin 目录下,以后就可以直接运行 webpack 目录了。
我们来检测一下是否把 webpack 安装成功了。
在终端上输入以下命令:
```
webpack -v
```
输出 webpack 的版本如下:
```
3.6.0
```
> 值得一提的是,如果用国内的网络安装 npm 包会很慢的话,可以考虑用一下淘宝的源,具体可以看 <https://npm.taobao.org/> 或 <https://github.com/Pana/nrm>
- 0. 开始
- 1. 介绍
- 2. 安装
- 3. 实现 hello world
- 4. webpack 的配置文件 webpack.config.js
- 5. 使用第一个 webpack 插件 html-webpack-plugin
- 6. 使用 loader 处理 CSS 和 Sass
- 7. 初识 webpack-dev-server
- 8. 用 webpack 和 babel 配置 react 开发环境
- 9. 用 clean-webpack-plugin 来清除文件
- 10. 配置多个 HTML 文件
- 11. 如何使用 pug (jade) 作为 HTML 的模板
- 12. 如何使用模块热替换 HMR 来处理 CSS
- 13. 生产环境 vs 开发环境
- 14. 如何打包图片
- 15. 加载和打包 Twitter Bootstrap 框架
- 16. 使用 ProvidePlugin 插件来处理像 jQuery 这样的第三方包
- 17. 轻松通过两个实例来理解 devtool: 'source-map' 是什么意思
- 18. 构建开发和生产环境-分离配置文件