首页 > webpack的jsx文件,用babel编译,报错,用react-tools编译正常,这是什么原因啊,是不是babel的问题啊

webpack的jsx文件,用babel编译,报错,用react-tools编译正常,这是什么原因啊,是不是babel的问题啊

webpack.config.js的配置如下:
var webpack = require('webpack');
module.exports = {

entry: {
    entry: './src/helloworld.js'
},
output: {
    path: __dirname,
    filename: './build/helloworld.js'
},
resolve: {
    extensions: ['', '.js', '.jsx']
},
module: {
    loaders: [{
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
    },{
        test: /\.scss$/,
        loader: 'style!css!sass'
    },{
        test: /\.png$/,
        loader: 'url-loader?mimetype=image/png'
    },{
        test: /\.jpg$/,
        loader: 'url-loader?mimetype=image/jpg'
    }]
}

};


这明显是babel没配置正常,我之前也是把.babelrc写成.bablerc了,结果一直在报跟你一样同样的错误,不知道你是不是跟我一样的,具体的需要贴出配置的代码。


那说明webpack配置有问题,亮出你的配置和使用方法

补充:

你还需要:

npm install --save-dev babel-preset-react
var webpack = require('webpack');
module.exports = {
    entry: {
        entry: './src/helloworld.js'
    },
    output: {
        path: __dirname,
        filename: './build/helloworld.js'
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [{
            test: /\.jsx$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            query: {
                presets: ['react']
            }
        },{
            test: /\.scss$/,
            loader: 'style!css!sass'
        },{
            test: /\.png$/,
            loader: 'url-loader?mimetype=image/png'
        },{
            test: /\.jpg$/,
            loader: 'url-loader?mimetype=image/jpg'
        }]
    }
};
【热门文章】
【热门文章】