如何在webpack配置文件

Question

我使用了下面提到的命令：

npm install --save-dev babel-preset-stage-0

现在我将它添加到webpack.config.js文件中，如下所示：

module.exports = {
    entry: './app/app.jsx',
    output: {
        path: __dirname,
        filename: './public/bundle.js'
    },
    resolve: {
        root: __dirname,
        alias: {

        },
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [
            {
                loader: 'babel-loader',
                query: {
                    presets: ['react', 'es2015', 'stage-0']
                },
                test: /\.jsx?$/,
                exclude: /(node_modules|bower_components)/
            }
        ]
    }
};

但是现在当我运行webpack命令时，它会显示一些错误。请检查错误：

错误图片：

Answer 1

如果您没有使用.babelrc文件，请添加babelrc：false，如下所示：

module: {
    loaders: [
        {
            loader: 'babel-loader',
            babelrc: false, // <--- Add this
            query: {
                presets: ['react', 'es2015', 'stage-0']
            },
            test: /\.jsx?$/,
            exclude: /(node_modules|bower_components)/
        }
    ]
}

如果您不想处理设置开发环境样板文件的麻烦，我建议使用create-react-app CLI。我刚刚开始使用它，它很棒！