![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 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 评论 -
前端学习笔记---ES6篇(四)
模板字符串ES6提供了更方便处理字符串的方法保留字符串格式 在ES6之前我们拼接字符串时如果遇到换行啊之类的多行字符串就得使用\n这样的换行标识来进行操作,如果不只是单纯的换行还有一些缩进啊之类的格式,那么就更难编写了,比如:这是一段文字 这里空了两个字 这里也是像这样的如果在js里就得这样写才能输出:const a = '这是一段文字\n 这里空了两个字\n 这里也是 '压根就不能直观地表现你要输出的是什么格式的字符串,只能凭想象去在一行文字内去写多行的字符原创 2020-07-12 00:20:22 · 159 阅读 · 0 评论