babelの実行時に「Support for the experimental syntax 'classProperties' isn't currently enabled」と言われる場合の対応方法

babelの実行時に「Support for the experimental syntax 'classProperties' isn't currently enabled」と言われる場合の対応方法:

概要

babel src/ --out-dir lib/ --source-maps を実行したところ Support for the experimental syntax 'classProperties' isn't currently enabled と言われたので、対応方法を記載します。

対応方法

1. yarn add -D @babel/plugin-proposal-class-properties を実行し、 plugin-proposal-class-properties を devDependencies へ追加する。
2. .babelrc を以下のように変更し、pluginsに @babel/plugin-proposal-class-properties を追加する。

{ 
  "presets": [ 
    "@babel/preset-env" 
  ], 
  "plugins": [ 
    "@babel/plugin-proposal-class-properties" 
  ] 
} 

以上。

環境

• node v11.3.0
• @babel/cli 7.1.5
• @babel/core 7.2.0
• @babel/plugin-proposal-class-properties 7.2.1
• @babel/preset-env 7.1.6