webpack-安装

我也是今天开始刚学，之后我会把我所学的每一点知识点放到我的博客，有兴趣的朋友可以看看，也可以把问题和我没有发布在上面的知识点写在评论中告诉我，大家一起学习钻研进步。

首先先从安装webpack开始吧。

安装方法
用win+R打开cmd命令窗，然后到你项目想要开始的地方，输入下方代码。

mkdir webpack_demo //建立一个文件夹
cd webpack_demo //进入这个文件夹

文件建立好后可以通过下面命令安装webpack。

//全局安装
npm install -g webpack

如果你这时安装失败了（出现了报错信息），一般有三种可能：

• 检查你node的版本号，如果版本号过低，升级为最新版本。
• 网络问题，可以考虑使用cnpm来安装（这个是淘宝实时更新的镜像）,具体可以登录cnpm的官方网站学习http://npm.taobao.org/。
• 权限问题，在Liux、Mac安装是需要权限，如果你是Windows系统，主要要使用以管理员方式安装。

注意：全局安装是可以的，但是webpack官方是不推荐的。这会将您项目中的 webpack 锁定到指定版本，并且在使用不同的 webpack 版本的项目中，可能会导致构建失败。

对项目目录进行安装
全局安装完成后，还要进行一个项目目录的安装。在用npm安装前，要先进行一下初始化，初始化的主要目的是生成package.json文件（这是一个标准的npm说明文件，里面蕴含了丰富的信息，包括当前项目的依赖模块，自定义的脚本任务等等）。

在命令行输入

npm init

输入完成后，npm终端会问你一些项目的问题，如项目名，版本，描述等等，后面几个可以忽略不用选。如果不是发不到npm上，这些都可忽略。因为这些内容在这个文件生成之后都可以在文件中修改。接下来就可以安装webpack了。

输入下面命令进行项目目录的安装：

npm install –save-dev webpack

这里的参数–save是要保存到package.json中，dev是在开发时使用这个包，而生产环境中不使用。

开发环境and生产环境：

• 开发环境：在开发时需要的环境，这里指在开发时需要依赖的包。
• 生产环境：程序开发完成，开始运行后的环境，这里指要使项目运行，所需要的依赖包。

查看webpack版本的命令

webpack -v

若出现了版本号，说明安装成功了。