webpack
文章平均质量分 51
red_password
红色密码
展开
-
webpack5使用CoreJs解决js代码兼容性
过去我们使用 babel 对 js 代码进行了兼容性处理,其中使用@babel/preset-env 智能预设来处理兼容性问题。它能将 ES6 的一些语法进行编译转换,比如箭头函数、点点点运算符等。但是如果是 async 函数、promise 对象、数组的一些方法(includes)等,它没办法处理。原创 2022-11-04 15:42:38 · 715 阅读 · 0 评论 -
webpack5如何提升打包构建速度
项目代码量很多的时候,打包一次需要很久,而项目中最多的往往是js代码,webpack处理js代码,用到的工具有:eslint 、babel、terser。每个文件只要匹配上了 rules里的test正则,就会过一遍loader,这样会影响效率,其实只需要匹配上一个loader以后,就不要往下处理了。注意:请仅在特别耗时的操作中使用,因为每个进程启动就有大约为 600ms 左右开销,项目小了用线程反而浪费时间。开发中修改了某一个文件,webpack会将所有的文件重新打包编译,速度很慢影响效率。原创 2022-11-02 14:18:07 · 342 阅读 · 0 评论 -
webpack5其他知识(基础)
webpack学习中一些杂项知识点,归纳总结一下,不定期更新原创 2022-11-02 13:30:33 · 100 阅读 · 0 评论 -
webpack5配置Eslint和Babel
webpack5配置Eslint和Babel原创 2022-11-02 11:25:39 · 517 阅读 · 0 评论 -
webpack5 图片打包配置
webpack4中需要使用file-loader和url-loader进行处理图片,而webpack5中已经内置该功能,可以直接使用。原创 2022-11-02 10:34:20 · 200 阅读 · 0 评论 -
webpack5配置CSS
webpack配置css原创 2022-11-02 10:18:05 · 441 阅读 · 0 评论