五、webpack其他问题小记

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服务