使用 Webpack 和 Babel 支持 ES6 语法

在现代的前端开发中，使用最新的 ECMAScript 6（ES6）语法是非常常见的。然而，并不是所有的浏览器都原生支持 ES6 语法，因此我们需要使用工具来将代码转换成可在所有浏览器上运行的 ES5 语法。在本文中，我将向您展示如何使用 Webpack 和 Babel 来实现这个目标。

1. 初始化项目
   首先，我们需要创建一个新的项目目录，并初始化一个新的 npm 项目。在命令行中，执行以下命令：

mkdir es6-project
cd es6-project
npm init -y

2. 安装依赖
   在项目目录下，我们需要安装 Webpack 和 Babel 相关的依赖。执行以下命令：

npm install webpack webpack-cli babel-loader @babel/core @babel/preset-env --save-dev

3. 创建文件
   在项目目录下，创建以下文件：

• src/index.js：包含 ES6 语法的示例代码。
• webpack.config.js：Webpack 的配置文件。

在 src/index.js 文件中，编写以下代码：

con