webpack使用总结

1、webpack简介

（1）Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

（2）WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些预设，打包为合适的格式以供浏览器使用。

2、webpack安装

（1）webpack安装需要本地环境支持node.js，并且npm包管理器可用；

（2）检查node是否安装：

已安装：node -v；

未安装：全局安装输入：npm install webpack -g，但是全局安装比较慢，可以使用淘宝镜像：cnpm install webpack -g。

安装出现报错时：windows环境——cmd右键，以管理员身份运行，然后执行npm install webpack -g；苹果——sudo npm install webpack -g 按下回车，输入开机密码（用户密码），回车。

本地安装的时候，将依赖包信息写入package.json中

注意一个问题，在团队协作中，一个常见的情景是他人从github上clone你的项目，然后通过npm install安装必要的依赖，（刚从github上clone下来是没有node_modules的，需要安装）那么根据什么信息安装依赖呢？就是你的package.json中的dependencies和devDepencies。所以，在本地安装的同时，将依赖包的信息（要求的名称和版本）写入package.json中是很重要的！

npm install 模块：安装好后不写入package.json中

npm install 模块 --save安装好后写入package.json的dependencies中（生产环境依赖）

npm install 模块 --save-dev安装好后写入package.json的devDepencies中（开发环境依赖）

["npm ERR! Error: EPERM: operation not permitted"问题解决](http://www.mamicode.com/info-detail-1495419.html)

（3）检查npm是否可用：npm -v