webpack打包react报错unexpected token

Question

react 0.14.3

webpack 1.12.9

才接触webpack，折腾了半天，就是打包不通过

initPage.js:

var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(<h1>hello<h1/>,document.body);

webpack.config.js:

var path = require('path');
module.exports = {
    entry: {
        // main:'/app/app.js',
        module:'./components/initPage.js'
    },
    output: {
        path: path.join(__dirname, '/build'),
        filename: '[name].js'
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [
            { test: /.js|jsx$/, loaders: ['babel'] }
        ]
    }
}

Answer 1

改成：

over~

Answer 2

这个倒不是，loaders后面用数组，loader后面用字符串。 我最后才发现 我npm install babel-loader貌似没有加载完结。。。最后导致始终打包不过。。。。真是醉了，安装个babel要把babel-core webpack都安装一遍

Answer 3

回复
--" 要怪就怪 npm在国外

Answer 4

loaders===>loader