如何通过Webpack4和Babel实现ES6语法转换的示例教程？

本文共计1322个文字，预计阅读时间需要6分钟。

修改 `index.js` 内容，使用 ES6 语法：

javascriptconst arr=[new Promise(()=> {}), new Promise(()=> {})];arr.forEach(item=> { console.log(item);});

这段代码使用了 ES6 的 `const` 关键字声明常量 `arr`，数组中包含两个空的 `Promise` 对象。然后使用 `forEach` 方法遍历数组，并对每个元素执行 `console.log` 打印操作。这种方式简洁且符合 ES6 的语法规范。

修改 index.js 内容，写一些 ES6 的语法：

const arr = [ new Promise(() => {}), new Promise(() => {}) ]; arr.map(item => { console.log(item); })

ES6 很强大，但目前并不是所有的浏览器都支持，所以需要用到 Babel，让旧的浏览器或环境中将 ES6 代码转换为向后兼容版本的 JavaScript 代码。