![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Webpack
文章平均质量分 94
前端小徐
他很懒 没有描述
展开
-
Tree-Shaking 实现原理
Tree-Shaking 是一种基于 ES Module 规范的 Dead Code Elimination 技术,它会在运行过程中静态分析模块之间的导入导出,确定 ESM 模块中哪些导出值未曾其它模块使用,并将其删除,以此实现打包产物的优化。所以,ESM 下模块之间的依赖关系是高度确定的,与运行状态无关,编译工具只需要对 ESM 模块做静态分析,就可以从代码字面量中推断出哪些模块值未曾被其它模块使用,这是实现 Tree Shaking 技术的必要条件。原创 2024-01-30 19:28:11 · 1226 阅读 · 0 评论 -
Webpack打包压缩
浏览器从服务器访问网页时获取的 JavaScript、CSS 资源都是文本形式的,文件越大网页加载时间越长。为了提升网页加速速度和减少网络传输流量,可以对这些资源进行压缩。压缩的方法除了可以通过 GZIP 算法对文件压缩外,还可以对文本本身进行压缩。对文本本身进行压缩的作用除了有提升网页加载速度的优势外,还具有混淆源码的作用。由于压缩后的代码可读性非常差,就算别人下载到了网页的代码,也大大增加了代码分析和改造的难度。下面来一一介绍如何在 Webpack 中压缩代码。原创 2024-01-30 11:31:32 · 1407 阅读 · 0 评论