plugin提取css到一个独立的文件
把css放到包里而不是打包放到bundle.js里
1、引入插件
2、
3、出口文件新建
为什么生出的名字叫main
因为下边的出口文件就叫main.js
map是错误调试
2、html-webpack-plugin
问题:
需要手动去引入css,需要手动去把index.html从源文件夹复制到目标文件夹...
都可以用html-webpack-plugin来解决。
功能:把我们自已写的.html文件复制到指定打包出口目录下,并自动引入相关的资源代码。
3、clean-webpack-plugin
引入之后放进去使用
4、代码压缩优化
去css
先引入
先引入然后在把第二部分添加进去
去log
先引入
再加入
5、实时打包
新建文件,删除打包文件,它依然可以运行