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",
      ]
    }

你可能感兴趣的:(webpack4,babel7,前端工程化)