webpack常用loader和plugin

• url-loader 将图片转化为base64 （url-loader包含file-loader）
• file-loader 将url-loader不能转化的copy出来
• css-loader 解析js中 import的css文件
• style-loader 将css-loader解析的css生成style标签
• html-loader 检测html文件中的标签如 img ，再使用url-loader处理 保证路径正确
• mini-css-extract-plugin 将css-loader生成的css 放入单独的css文件 再结合html-webpack-plugin 通过link方式引入样式
• html-webpack-plugin 创建一个html 文件，并把webpack 打包后的静态文件自动插入到这个html 文件当中