初探webpack之环境配置

先感叹一句，前端的发展真是太快了,ng和bb还没怎么学好就要过期了。如今感受react当是将来的一个大方向。

之前一直用的grunt，不过前段时间做者已经中止更新了。正好webpack风头正盛，咱也不能落伍，也来看看webpack究竟是有什么出色的地方。

1.要安装webpack，首先须要安装nodejs

 

安装nodejs,你能够挫下面的地址:https://nodejs.org/en/

下载完成之后就能够一直下一步安装了。我是安装在了d盘的根目录下

安装完成之后可使用cmd输入命令查看是否安装成功。

再经过查看环境变量，咱们能够看到下面的D:\nodejs\ 说明确实安装成功了

2.配置npm的路径

npm是nodejs的一个模块化管理工具，如今已经集成到nodejs中了，不须要再另外安装

我首先配置一下npm的全局存放路径以及缓存路径，我将两个文件夹创建在了nodejs的根目录下

启动cmd，键入以下的命令：

npm config set prefix "d:\nodejs\node_global"
npm config set cache "d:\nodejs\node_cache"

3.经过npm安装webpack

启动cmd，键入以下的命令：

npm install webpack -g

安装完成后信息如上：会显示安装的路径，版本号及目录结构等。

4.修改默认的node路径

新建一个NODE_PATH的键，输入你本身给定的全局存放路径

一样,用户变量中的PATH路径也要改为和NODE_PATH一直的路径

administrator中path添加d:\nodejs\node_global;

5.检测是否配置成功

以上的步骤所有完成之后，咱们打开CMD，输入node,再键入require('webpack')