webpack使用babel

几个月没用webpack都忘了好多了。

webpack构建前端，使用时除了entry/output，就是plugins和module.loaders，还有本地测试的devServer。

npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-latest

现在写js流行ES6+，webpack使用babel配置(presets)有三种。presets可以指定转换版本和相关插件、配置。

1.直接在loaders中设置配置。

module:{

　　loaders;[

　　{　 test:/\.js$/,

　　　　loader:'babel-loader',

　　 include: path.resolve(__dirname,'src'),//解析绝对路径

　　　　exclude: path.resolve(__dirname,'node_modules'),

　　　　query:{preset:'es2015'}},

　　]

//注意：loader关键字后面的-loader后缀现在已不允许省略

2.在根目录下创建.babelrc文件，

{presets:['es2015']}

3.在package.json中添加“babel”属性，

“babel”：{"presets":["es2015"]}

巴特西