- 博客(29)
- 收藏
- 关注
RSS订阅转载 webpack项目优化高级特性：动态导入、按需加载
一般我们常说的按需加载指的是加载数据或者加载图片，但是我们这里所说的按需加载，指的是在应用运行过程中，需要某个资源模块时，才去加载这个模块。而且我们分包的目的中，很重要的一点就是让模块实现按需加载，从而提高应用的响应速度。此时 dist 目录下就会额外多出三个 JS 文件，其中有两个文件是动态导入的模块，另外一个文件是动态导入模块中公共的模块，这三个文件就是由动态导入自动分包产生的。在这个应用的主体区域，如果我们访问的是首页，它显示的是一个文章列表，如果我们访问的是相册页，它显示的就是相册列表。
2024-01-09 14:16:45
255
转载 webpack代码分割、分块打包
所以这里还需要修改配置文件，我们回到配置文件中，找到输出 HTML 的插件，默认这个插件会自动注入所有的打包结果，如果需要指定所使用的 bundle，我们可以通过 HtmlWebpackPlugin 的 chunks 属性来设置。多入口打包本身非常容易理解和使用，但是它也存在一个小问题，就是不同的入口中一定会存在一些公共使用的模块，如果按照目前这种多入口打包的方式，就会出现多个打包结果中有相同的模块的情况。在这个对象中一个属性就是一个入口，属性名称就是这个入口的名称，值就是这个入口对应的文件路径。
2024-01-05 17:10:40
688
1原创 拼音9键组合 ,给出任意数字串如（2，3），计算出他们对呀的组合（如；[‘ad‘,‘ae‘,‘af‘,‘bd‘,‘be‘,‘bf‘,‘cd‘,‘ce‘,‘cf‘]）
拼音9键组合 ,给出任意数字串如（2，3），计算出他们对呀的组合（如；['ad','ae','af','bd','be','bf','cd','ce','cf']）
2023-02-13 09:03:35
105
转载 antdesign和react的使用dropDown定位问题
欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片
2022-01-11 14:08:43
635
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人