五、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

五、webpack其他问题小记最先出现在Python成神之路

版权声明:
作者:siwei
链接:https://www.techfm.club/p/21001.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>