reactjs - 如何在 webpack 配置文件中启用 babel stage-0

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。我刚刚开始使用它，非常棒!