javascript - 使用webpack babel-loader编译es2015时候报错？

Question

看的这篇教程学习最近很热的webpack：http://www.tuicool.com/articles/2qiE7jN

到了loader加载器编译babel这一步，代码都检查过了，执行webpack也没报错
但打开index.html控制台报错如下：

Uncaught SyntaxError: Block-scoped declarations (let, const, function,
class) not yet supported outside strict mode

我明白是没有编译成功，也去查了npm上babel-loader的用法（戳这），没发现什么错误
有没有大神解答一下

Answer 1

presets: ['es2015'] 加了吗？

module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015']
                }
            }
        ]
    }

Answer 2

首先，先安装babel-parset-es2015

npm install babel-preset-es2015 --save-dev

然后在 webpack.config.js 中加入 presets:['es2015']