五、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 web
共有 0 条评论