webpack的使用

一、什么是webpack？

webpack是一个前端构建工具，目前比较主流的构建工具，自定义的模块比较多。

二、应用场景

1. vue、react、angular 都可以通过webpack构建
2. 全部可供访问的页面数量不超过500个

三、安装

通过npm方式在项目根目录下执行命令即可

npm i webpack webpack-cli --save-dev

然后配置打包模式：

1. 项目根目录创建webpack配置文件，名称为 webpack.config.js
2. 给webpack.config.js做如下配置
   

production： 生产模式，打包的文件是优化压缩的
development：开发模式，打包的文件有适当的回车、空白、注释
前期使用development，项目开发完毕即将上线就用production

附件

webpack官网：https://webpack.docschina.org/