webpack学习
文章平均质量分 75
指尖电光
这个作者很懒,什么都没留下…
展开
-
webpack中的tree shaking(树摇)-----移除未使用的代码
引用webpack官网的原文来说:tree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块语法的 静态结构 特性,例如 import 和 export。这个术语和概念实际上是由 ES2015 模块打包工具 rollup 普及起来的。我们经常能看到一个模块会导出很多个不同的东西,但是实际项目可能并不会全部引用,举个例子:假设我们有一个工具函数文件utils.js,里面有两个方法,一个是两数相加求和的add。原创 2022-12-21 21:18:26 · 1394 阅读 · 0 评论 -
webpack的代码分离:入口起点、重复、动态/懒加载、预请求/加载
当一个项目包含多个入口时,比如多页面应用,将代码分离成更小的文件,使得我们更灵活得管理它们的加载,合理情况下减少加载的时间。常用的分离方法有:配置入口起点、防止重复、动态加载、懒加载、预请求和预加载等。原创 2022-11-29 01:28:06 · 438 阅读 · 0 评论 -
webpack加载css样式 ----css相关loader
webpack 只能理解 JavaScript 和 JSON 文件,这是 webpack 开箱可用的自带能力。loader 让 webpack 能够去处理其他类型的文件,并将它们转换为有效模块,以供应用程序使用,以及被添加到依赖图中。原创 2022-11-24 23:08:57 · 489 阅读 · 0 评论 -
webpack的几种资源模块
当使用webpack打包除了代码文件外的其他静态资源,如图片、文本等时,可以配置webpack自带的资源模块规则进行对应的打包,替代webpack4时期的loader方式。原创 2022-11-22 23:14:52 · 166 阅读 · 0 评论