一、webpack介绍
1、什么是webpack
- webpack是一个模块打包器。
- webpack包括：入口、输出、loader、插件等。
- 在webpack看来，前端的所有资源文件（js/json/css/img/less...）都会作为模块处理。
- webpack将根据模块的依赖关系进行静态分析，生成对应的静态资源。
2、什么是loader
- webpack本身只能加载js和json，其他类型的文件都需要安装相应的loader来加载。
- loader本身也是运行在node.js环境中javascript模块
- loader本身是一个函数，接受源文件作为参数，返回转换的结果
- loader一般以xxxx-loader方式命名，xxx代表了这个loader要做的转换功能，比如css-loader
3、配置文件
- webpack.config.js 是一个node模块，返回一个json格式的配置信息对象
4、插件
- 插件可以完成一些loader不能完成的功能
- 插件的使用一般是在webpack的配置信息plugins选项中指定
- CleanWebpackPlugin：自动清除指定文件夹资源
- HtmlWebpackPlugin：自动生成html文件
- UglifyJSPlugin：压缩js文件
二、安装webapck
cnpm install webpack -g // 全局安装
cnpm install webpack --save-dev // 局部安装
