我们知道在前端的模块化开发中 需要将js文件封装成一个个模块 这样方便多人开发 也能避免一个文件过大的情况 不过在实际开发过程中 当我们的项目很大的时候 就需要写很多个js模块 如果我们最后都把这些模块打包进生产环境中 就会照成项目过大 加载缓慢 如何解决这个问题呢?
我们可以使用按需导入 我们知道用户在实际使用过程中可能只会使用大网站的部分功能 就是说实际上他使用到的js代码不多
传统的导入模块方法(静态):
这种方法只能在一个模块的头部使用 如果我们希望实现点击一个按钮在加载这个模块的话 你可能会这么做:
但是这个导入方式不支持在一个括号中使用 他只能写在模块的头部 不允许被花括号包裹
按需加载模块(动态):使用import函数实现
如果想要实现以上功能 就需要使用以下方式动态加载
import ("./…").then()的方式一看就知道这个是一种返回promise对象的方式 当这个模块被加载成功后就会执行then中的方法