私の反応アプリにwebpackを追加する

Question

私はどのように反応、babel（jsx）とブートストラップをWebアプリケーションに入手できるかを調べようとしています。ただ一つの正直な答えはないようです。私は多くの道を歩いていて、this guys pageの手順に従ってしまった。そしてwebpack.config.jsonファイルへの変更に悩まされています。

彼はwebpack.config.jsonに以下を追加するために述べて：

module: { 
    loaders: [ 
    { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loaders: ["babel-loader"], 
    } 
    ], 
}, 

だから私はのように私の完全な変更作られた：私はWebPACKのを実行したときにエラーが発生し

module: { 
    loaders: [ 
    { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loaders: ["babel-loader"], 
    } 
    ], 
}, 
module.exports = { 
    context: __dirname + "/app", 
    entry: "./app.js", 

    output: { 
    filename: "app.js", 
    path: __dirname + "/dist", 
    }, 
} 

：にSyntaxError：予期しないをトークン}

明らかに私は正しい構造を持っていません。しかし、私はその正しい構造が何であるか分かりません。すべての助けに感謝します。

は マット

Answer 1

が

module.exports = { 
entry: './src/app.js', 
output: { 
    path: './bin', 
    filename: 'app.bundle.js', 
}, 
module: { 
    loaders: [{ 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel-loader' 
    }] 
}} 

https://webpack.github.io/docs/usage.html

同様のものを試してみてくださいありがとう