webpack - 如何把es6编译成es5


目录:

webpack - 如何把es6编译成es5_第1张图片


配置:

webpack - 如何把es6编译成es5_第2张图片


webpack - 如何把es6编译成es5_第3张图片


webpack - 如何把es6编译成es5_第4张图片


webpack - 如何把es6编译成es5_第5张图片


webpack - 如何把es6编译成es5_第6张图片


需要说明的地方:

如果不用es2016,es2017,是不需要babel-preset-es2016,babel-preset-es2017,babel-polyfill模块,index.js无须require("babel-polyfill")

补充:

1、可以用 babel-preset-latest 替代 babel-preset-es2015,babel-preset-es2016,babel-preset-es2017,对应的webpack中更改: presets: ['latest']

2、使用es2017的某些方法,如果不能正常运行,需要添加这个模块。babel-preset-stage-2,对应的webpack中更改:presets: ['latest','stage-2']





你可能感兴趣的:(前端工具)