为什么要“按需导入”通常,按需导入不同于异步加载,但本文将描述这些“在必要时”获取或移除相关资源,因此“导入标题中的“按需”代表了这些做法的一般概念。随着项目规模的增大,如果我们不去干预,可能会遇到项目首页加载慢、chunksize大、环境配置不分离、调试代码手动移除等一系列问题,其中有很多问题是由于施工行为不合理造成的。本文就这些问题分享一些“按需介绍”的实现方法。异步加载的import()import()语法分为静态导入和动态导入。静态导入就不用说了,ES6也实现了动态导入,import在支持ES6语法的环境下会是一个全局函数,它接收需要动态导入的脚本地址,返回一个Promise,它的异步返回值将是一个包含动态导入模块的导出信息的对象。为了兼容性,Webpack会编译import()语法并将其转换为WebpackJsonp的加载方法。Webpack将导入的模块单独打包成一个chunk,当需要这部分代码时,通过注入
