ES6でクラス直下にプロパティを設定したい

Question

#参考にしたサイト
ES6(ES2015)でクラス変数を定義する！
ES2015のclassでプロパティを使えるようにする

#環境
・Webpack + React + ES6の最小構成を考えてみる。
↑このサイトのhello world表示済み
・上のサイト + babel-plugin-transform-class-propertiesとbabel-preset-stage-0を-Dでインストール済み
・.babelrcの設定済み

// .babelrc
{
  "presets": [
    'es2015',
    "stage-0",
    "react"
  ],
  "plugins": [
    "transform-decorators-legacy",
    "transform-class-properties"
  ]
}

#やりたいこと
クラス直下にプロパティを設定したい。

// 上の環境 + test.jsを追加
class Test {
  ringo = 'sheena ringo'
}

export { Test }

// hello.js
import React, { Component } from 'react'
import { Test } from './test.js'

export default class Hello extends Component {
  render () {
    return (
      <h1>Hello{this.hello()}</h1>
    )
  }

  hello () {
    console.log(Test.ringo)
  }
}

#エラー内容

Error: Module build failed: SyntaxError: Missing class properties transform.

  1 | class Test {
> 2 |   ringo = 'sheena ringo'
    |   ^
  3 | }
  4 | 
  5 | export { Test }

./test.js
Module build failed: SyntaxError: Missing class properties transform.

  1 | class Test {
> 2 |   ringo = 'sheena ringo'
    |   ^
  3 | }
  4 | 
  5 | export { Test }

 @ ./hello.js 33:12-32
 @ ./main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./main.js

参考にしたサイトではnpmモジュール２つbabel-plugin-transform-class-propertiesとbabel-preset-stage-0をインストールし、.babelrcにそれぞれ設定すれば良いとありましたが、上記のエラーが出ます。npm iしたものとファイルの変更は上記以外ありません。

test.jsのようにクラス直下にプロパティを設定して動かすにはどうすればよいですか？
上記のどこがいけないのでしょうか。

jsその他勉強中のため、至らないところがあるかもしれません。
回答よろしくお願いします。

Answer 1

訂正：
しまった！質問内容をよくみてませんでした。babel前提なら使えるはずなのに・・・というところが問題なんですね

大変失礼しました。回答になってなくて申し訳ありません。

(蛇足：とはいえ・・・こうしたことに挑戦するなら、自分で解決することも含めて取り組んだ方が、今後のnode/babel等々のupgradeでトラブったときに困らない自信がつくかも知れませんね。最新の仕様を先取りして使うというのはそういう心構えも必要ではないかなぁと。ナマイキいってすみません。ここはスルーしていただいて結構です)

---

qiita: ES6ではデータのプロパティをクラス直下で定義できない
ES6: 言語仕様 - class definitions

とのことなのでconstructorの中などで定義してくださいということなのだと思います。