1、压缩CSS后,会使得CSS被压缩成一行,文件大小也会变小
2、JS兼容性问题的处理:babel-loader @babel/core @babel/preset-env
a、基本js兼容性处理 -->babel/preset-env
问题:只能转换基本语法,如promise高级语法不能转换
b、全部js兼容性处理-->@babel/polyfill
问题:我只要解决部分兼容性问题,但是将所有的兼容性代码全部引入,体积太大
引入@babel/polyfill的方法:下载@babel/polyfill插件,在js代码文件中,引入@babel/polyfill(import '@babel/polyfill')
c、需要做兼容性处理的就做,也就是按需加载 -->core.js
3、关于devServer开发服务器
该工具能够实现自动编译、自动打开浏览器、自动刷新浏览器
特点:只有在内存中编译打包,不会有输出
启动指令: npx webpack-dev-server
4、use 数组中 loader 执行顺序: 从右到左, 从下到上 依次执行
5、当修改了webpack配置,新配置要想生效,必须要重新启动webpack服务