9.7 懒加载

这一节的代码位于 09_optimisation/9_7_dynamic_import

使用es6草案的import语法动态加载js代码, 原理为jsonp实现, 可以用来做vue, react的路由懒加载

@babel/plugin-syntax-dynamic-import

• 在index.js中使用动态引入的方式编写代码:
• 
• import语法返回的是一个promise
• 于是是草案, 需要加上一个语法插件
• 安装 yarn add babel/plugin-syntax-dynamic-import -D
• webpack 中配置:
• 
• 此时运行开发环境, 点击页面上的按钮, 就会动态加载js文件
• 
• 运行打包命令, 也会在打包文件下出现新的打包文件
•