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