添加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