webpack安装常见的问题

首先,电脑的全局安装,在命令行里面输入

npm install -g webpack    //全局安装

npm install --save-dev webpack  //安装在项目中

其实很多小伙伴在这一步就往往出现报错的信息,就选择了放弃。

出现报错的原因往往有一下的3种:

1,node的版本过低,node的版本是要求在6以上的。如何查看node的版本?看图说话:

webpack安装常见的问题webpack安装常见的问题

现在node的版本只要高于6就可以了,我的电脑装的市7.1的

2,重点:使用 cnpm,  也就是你在安装的时候将npm 换成cnpm就可以了,也就是淘宝镜像。而有些人用npm可以安装,有些人就不可以。但是具体的原因还真的有点说不清楚,也得不到证实。

3,权限问题,有些的window7 的权限上被人淘汰了。

那么如果项目开发道一半,发现webpack的版本过低,如何更换高版本的webpack呢?

1,将项目中的node_modules的文件夹删掉。

webpack安装常见的问题webpack安装常见的问题

2,在package.json中,将webpack的版本改成你想要的版本号:

webpack安装常见的问题webpack安装常见的问题

3,在命令行输出 cnpm install ,就可以重新下载node-modules文件夹了。