webpack打包react出错

Question

刚开始学习webpack来构建react，遇到问题求指点
每次构建的时候总是报错
Module build failed: Error: Couldn't find preset "es2015" relative to directory "/Users/jd/workspace/js"
开发目录叫webpack pwd是/Users/jd/workspace/js/webpack
以下是目录结构

然后是webpack的配置

var path = require('path');
module.exports = {
    entry: [
        /*
        'webpack/hot/dev-server',
        'webpack-dev-server/client?http://localhost:8080',
        */
        path.resolve(__dirname, 'app/main.jsx')
        ],
    output: {
        path:    path.resolve(__dirname, 'build'),
        filename: 'bundle.js'
    },
    module:{
        loaders:[
            {
                test:    /\.jsx?$/,
                loader: 'babel',
                query:    {
                    presets: ['es2015','react']
                }
            }
        ]
    }
};

请问下这是怎么回事呢，谢谢啦
node -v //4.2.2
npm -v //2.14.7

Answer 1

今天配置webpack来玩，遇到了同样的问题，通过实验，我发现了问题的根本，写出来给大家参考。
处理方法：删除该项目上一级目录中的.babelrc文件，或者在上一级目录中安装babel-preset-es2015，或者在该项目根目录下配置.babelrc文件。
这样处理的原因分析如下：项目打包的时候，由于本项目目录中没有.babelrc文件而上级目录存在，就加载了上级目录的.babelrc文件, 而上级目录又没有安装babel-preset-es2015, 所以最终导致打包失败。

Answer 2

babel不能引用项目目录以外的模块，babel的config里增加exclude掉presets目录就行了

Answer 3

遇到和楼主一样的问题，发现是没有安装"babel-preset-es2015" 模块，安装后就解决这个问题。

Answer 4

var path = require('path');
module.exports = {

entry: [
    /*
    'webpack/hot/dev-server',
    'webpack-dev-server/client?http://localhost:8080',
    */
    path.resolve(__dirname, 'app/main.jsx')
    ],
output: {
    path:    path.resolve(__dirname, 'build'),
    filename: 'bundle.js'
},
module:{
    loaders:[
        {
            test:    /\.jsx?$/,
            loader: 'babel',
            exclude:/node_modules/,
            query:    {
                presets: ['es2015','react']
            }
        }
    ]
}

};