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