webpack之代码分割和动态import

一、安装babel插件

npm install @babel/plugin-syntax-dynamic-import --save-dev

二、添加配置.babelrc(ES6: 动态import目前尚未原生支持，须要babel转换)

{
    "plugins": ["@babel/plugin-syntax-dynamic-import"],

    ...
}

结果以下所示，数字开头的js是懒加载的id：