首屏优化之：import 动态导入

文章预览

点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 前言 前面我们聊过可以通过不同的 script 属性比如 defer，async 来实现不同的加载效果，从而实现首屏优化，没看的朋友可以了解一下( 首屏优化之：script 加载的三种方式 - 掘金 (juejin.cn) [1] ) 今天我们来聊一下 动态导入之 import ，当然 import 动态导入也不是一把梭的，也是需要根据项目情况进行使用，在面试以及实际工作当中都可以用到，一起来看看吧！ 在了解动态导入之前，我们先来看一下什么是 静态导入 。 静态导入 静态导入会在编译时解析所有导入的模块，并在程序 开始执行之前加载 它们。这意味着所有被导入的模块在应用启动时就 已经加载完毕 。 什么意思，我们先来看一下下面这段代码： 这段代码很简单，我在页面导入了 import.js，当点击按钮时打印输出语句。 我 ………………………………