添加webpack到我的反应应用程序

Question

我想弄清楚如何得到反应，babel（jsx）和bootstrap到一个web应用程序。似乎没有一个简单直接的答案。我已经走过了很多路，最终走上了this guys page的步骤。我被困在webpack.config.json文件中。

他指出，以添加以下webpack.config.json：

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

所以我做了我的完整变化：语法错误：：

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", 
    }, 
} 

当我运行的WebPack这产生意外的错误代币}

显然我没有合适的结构。但我不知道那个正确的结构是什么。所有的帮助表示赞赏。

谢谢 马特

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