一、简单介绍

什么是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