几个月没用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"]}