- 博客(3)
- 收藏
- 关注
原创 vue路由懒加载(syntax-dynamic-import)
2、 在项目的babel.config.js文件中写入: “@babel/plugin-syntax-dynamic-import”4、检查一下network全部的加载文件对比。3、引入文件写成按需加载的形式。
2024-04-29 12:03:50
219
原创 webpack优化,预加载与配置externals外部依赖
这样做的好处是,可以在项目中直接使用全局变量或者通过外部引入的方式来使用这些模块,而不需要将它们打包进项目的 bundle 文件中,从而减小 bundle 的体积。具体配置方法是,首先确保在 HTML 文件中引入了 AMap 相关的资源,比如 JavaScript 文件。然后,你可以在项目中直接使用 AMap 对象,而无需通过 import 语句引入。这样配置后,webpack 在打包时会忽略对 AMap 的打包处理,而直接将 AMap 对象视为外部依赖。在上面的 HTML 中,我们通过。
2024-04-29 11:53:24
264
原创 项目打包时,查看包被打包的次数
在 webpack 打包时,每个模块都可能会被打包多次,尤其是在多个入口文件、代码拆分或动态导入的情况下。你可以通过 webpack 提供的一些工具和插件来查看每个模块被打包的次数。: 这是一个非常有用的 webpack 插件,可以可视化地展示打包后的 bundle 结构和各个模块的大小,从而帮助你分析打包的情况。这样配置后,运行打包命令,webpack 将启动一个本地服务器,并在浏览器中显示打包分析报告,其中包括每个模块被打包的次数。这个插件会在控制台输出重复打包的模块信息,从而帮助你优化打包结果。
2024-04-29 11:43:37
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人