Babel7 转码（七）- 装饰器语法、动态导入

装饰器语法支持

webpack 搭建文档： https://webpack.eleven.net.cn

1. 安装依赖

   yarn add @babel/plugin-proposal-decorators @babel/plugin-proposal-class-properties -D

2. .babelrc 增加配置

   {
     "presets": [],
     "plugins": [
       [
         "@babel/plugin-proposal-decorators",  // @babel/plugin-proposal-decorators需要在@babel/plugin-proposal-class-properties之前
         {
           "legacy": true // 推荐
         }
       ],
       [
         "@babel/plugin-proposal-class-properties",
         {
           "loose": true // babel编译时，对class的属性采用赋值表达式，而不是Object.defineProperty（更简洁）
         }
       ]
     ]
   }

import - 动态导入支持

1. 安装依赖

   yarn add @babel/plugin-syntax-dynamic-import -D

2. .babelrc 文件增加配置

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