0

を使用してアプリをブートストラップしcreate-react-app、それを取り出して、さらに構成しています。しかし、問題があります.webpackはで宣言されたプリセットを尊重しません.babelrc?

stage-1プリセットが「不足」しているため、そのエラーが発生しました。

構文エラー: クラス プロパティ変換がありません

一方、ローダーをこのように文字列表記に置き換えると、babel?presets[]=react,presets[]=es2015,presets[]=stage-1うまく機能します。

それを修正するために何ができますか？

.babelrc:

{
  "presets": [
    "es2015",
    "react",
    "stage-1"
  ],
  "plugins": [
    "transform-flow-strip-types",
    "transform-react-remove-prop-types"
  ]
}

Webpack バベル ローダーの構成:

{
    test: /\.(js|jsx)$/,
    include: paths.appSrc,
    loader: 'babel',
}
4

2 に答える 2

1

カスタムは無視されますbabelrc。あなたはどちらかをしなければなりません...

1）あなたが述べたように、それらをwebpack構成で提供します

2）実行して取り出しnpm run eject、カスタムを使用しますbabelrc

3)このcreate-react-appようなフォークを使う

create-react-appbabel を構成するプロセスを意図的に抽象化します。結局のところ、その目標は、初めて反応する人やすぐに始めたい人のためにプロジェクトを設定するという頭痛の種を取り除くことです. babel の設定は、その頭痛の種の大きな部分を占めています。したがって、babel を構成することはできません。

ただし、まさにこの理由でイジェクト機能を提供します。これに関する詳細な議論については、この github issueを参照してください。

于 2016-12-27T18:05:30.060 に答える
0

transform-class-propertiesプラグインの追加が.babelrc役立ちました。したがって、ローダー自体はすべて問題ありません。stage-1しかし、文字列表記では機能するのに、配列内のプリセット.babelrcが無視される理由はまだ答えがありません。とにかく誰かを助けることを願っています。

于 2016-12-28T19:03:12.273 に答える