![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
丑小鹈鹕
这个作者很懒,什么都没留下…
展开
-
Webpack打包优化
将打包任务分发给子线程执行,执行结束后将结果返回给主线程。缓存loader的处理结果,在开销大的loader上使用。模块中使用该库时,从动态库中获取,减少打包次数。每个页面文件单独打包,使用时再下载对应的文件。要单独提取css到独立的文件中,将特定的类库提前打包,动态引入。降低图片分辨率、压缩图片体积。原创 2023-03-31 17:16:33 · 64 阅读 · 0 评论 -
Webpack详解
webpack打包后输出的文件夹、文件名。一个模块对应一个文件,从入口文件开始查找。webpack开始打包的文件,入口文件。webpack启动后创建的编译器对象。由多个模块组成,用于代码的分隔和合并。压缩合并html/js/css代码。编译,递归该模块的依赖模块进行编译。的第三方模块包,用于代码打包。解决js和css兼容性问题。将编译完的文件结果根据。前端工程化的解决方案。对象,注册插件,执行。从入口文件出发,调用。原创 2023-03-31 16:09:46 · 40 阅读 · 0 评论 -
Webpack的Bable及工作原理
是转义器,可以转换浏览器无法支持的ES6、jsx、ts语法。中的内容(将ES6语法转换成ES5,将jsx转换为js…将代码拆分为词法单元,每一个字符,都被拆分成一组。通过语法分析,解析词法单元处理生成。AST(抽象语法树)原创 2023-03-31 15:15:43 · 84 阅读 · 0 评论