webpack—ES6语法处理

如果希望将ES6语法转成ES5,那么就需要使用babel。
而在webpack中,我们直接使用babel对应的loader就可以了。

1.npm install --save-dev babel-loader@7 babel-core babel-preset-es2015在这里插入图片描述

版本如下:
在这里插入图片描述

2.配置webpack.config.js文件

在这里插入图片描述这里你可以直接去官网copy,但是你如果下载的也是babel-preset-es2015而不是官网上的babel-preset-env,那么options中的presets应为’es2015’.

3.npm run build

查看bundle.js文件,发现其中的内容都变成了ES5的语法


版权声明:本文为qq_46071321原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。