构建流程

1.Webpack CLI启动打包流程 2.载入Webpack核心模块，创建Compiler对象 3.使用Compiler对象开始编译整个项目 4.从入口文件开始，解析模块依赖，形成依赖关系树 5.地柜依赖树，将每个模块交给对应的loader处理 6.合并loader处理完的结果，将打包结果输出到dist目录

一些loader的作用

rules中定义详细配置，test配置匹配规则，use配置要使用的loader(从下到上) css-loader：将css模块加载到js代码中 style-loader：将cssloader转换的结果以style标签的方式 postcss-loader：搭配插件进行兼容性处理 babel-loader：js编译器，提高js代码的兼容性 file-loader：处理静态资源文件 url-loader：压缩图片

一些plugin插件的功能

HtmlWebpackPlugin：默认会创建一个空的html，自动引入打包输出的所有资源（js/css） MiniCssExtractPlugin：把css单独提取出来