2016-12-28 12 views
0

私はcreate-react-appで作成された標準的なスタートアップアプリを持っています。
何百ものモジュールの読み込みと読み込みを避けたいと思います。
だから私はほとんど空白package.jsonで開始:反応装飾用バーベル

Reduxので
"dependencies": { 
"react": "^15.4.1", 
"react-dom": "^15.4.1", 
"react-redux": "^5.0.1", 
"redux": "^3.6.0", 
"redux-logger": "^2.7.4", 
"redux-promise-middleware": "^4.2.0", 
"redux-thunk": "^2.1.0" 
}, 
"scripts": { 
"start": "react-scripts start", 
"build": "react-scripts build", 
"test": "react-scripts test --env=jsdom", 
"eject": "react-scripts eject" 
}, 
"devDependencies": 
{}, 

私はbabel-plugin-transformerを必要とする時点でね。今まで私はコンソールでアプリケーションを起動します:npm startreact-scripts startを実行しています。
私はアイデアを持っていません。反応スクリプトが何をしているのか、それに応じてwebpack-serverを起動し、es6をes5にコンパイルします。
私はバベルのページに行き、に記述が見つかりました:私はnpm startで始めないと私は予想通り...何を

{ 
    "plugins": ["transform-decorators"] 
} 

npm install --dev babel-plugin-transform-decorators 

そして、このようになります.babelrc.jsonファイルを作成します起こった...
@connectデコレータはまだ動作していません。
私はwebpack.jsonがありません。これはcreate-react-appによって管理されているためです。私が持っているのはpackage.jsonです。

私の質問:

どうpackage.jsonでIセットアップbabel(-transform)を行います。これで上に行くためにどのように

devDependencies:{ 
"babel-core": "^6.21.0", 
"babel-loader": "^6.2.10", 
"babel-plugin-transform-decorators": "^6.13.0", 
"react-scripts": "0.8.4", 
"webpack": "^1.14.0" 
} 

ないアイデア:私が持っているすべては今、これを含む上記package.jsonあるので は、私はすべてのステップを必要とします。

+0

私はこのcreate-react-appについて興味があります。私はあなたにお手伝いできるかどうかを調べるつもりです –

答えて

0

このようにフォルダ構造を見てみると、react-scriptsはnode-modulesフォルダのサブフォルダです。

すべてのnpmスクリプトは、適切な名前のフォルダにあり、スクリプトとwebpackの設定はconfigという名前のフォルダにあります。

私はあなたが変更する必要があるもののバックアップコピーを作ってオリジナルを変更できると思います。

+0

webpack.config.dev.jsはconfigフォルダには触れていません。 .babelrc.jsonには触れられません。私はさらにどのようにファイルをリンクするのか考えていない。それは私がC++やjavaに戻ってくれるところです。* sigh。 – marcel

+0

よろしくお願いいたします。私が他のものを見つけたら、私は返答します –

関連する問題