webpack学习（一）：webpack 介绍&安装&常用命令

一、简单介绍

什么是Webpack

webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能。

他的目的就是把有依赖关系的各种文件打包成一系列的静态资源。

为什么使用Webpack

webpack 几大重要特点：

1.Webpack的处理速度更快更直接;

2.能打包更多不同类型的文件;

3.扩展性强，插件机制完善。

二、开始安装

首先要安装 Node.js， Node.js 自带了软件包管理器 npm，用npm 安装webpack。

//1.进入项目目录 npm init 创建package.json

  npm install webpack --save-dev


//2.安装webpack(以下两种任意选一种都行)

　//全局安装
　　npm install webpack -g 　　
　//安装到你的项目目录
　　npm install webpack --save-dev

 三、常用命令

//安装指定版本

npm install webpack@3.5.5 --save-dev

//查看webpack版本信息

webpack --version

//查看webpack信息

npm info webpack

//安装loader并将该loader配置到package.json文件中

npm install {whatever}-loader  --save-dev   

//显示详细错误信息
webpack  --display-error-details  

// 自动监控文件的改变
webpack   --watch   

 //打包时显示隐藏的模块
webpack  --display-modules 

//打包时显示chunks
webpack  --display-chunks