请问如何实现低版本谷歌浏览器对es6语法的支持啊 网上的package.json的方式没看懂，有没有简单的啊

Question

请问如何实现低版本谷歌浏览器对es6语法的支持啊 网上的package.json的方式没看懂，有没有简单的啊

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要使低版本的Google Chrome支持ES6语法，你需要在你的项目中使用@babel/preset-env和@babel/core这两个Babel插件。这些插件可以将ES6转换为兼容旧版Chrome的JavaScript。

以下是一个基本的例子：

首先，确保你已经安装了Node.js并配置好了npm（如果你还没有的话）。

然后，在你的package.json文件中添加以下内容：

{
  "name": "your-project-name",
  "version": "1.0.0",
  "description": "Your project description",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "dependencies": {
    "@babel/core": "^7.9.5",
    "@babel/preset-env": "^7.9.5"
  }
}

在这个例子中，我们创建了一个名为@babel/core和@babel/preset-env的依赖项，并指定了它们的版本号。

接下来，运行以下命令来安装这些插件：

npm install @babel/core @babel/preset-env --save-dev

这会安装两个插件到你的项目的node_modules目录下。

最后，运行以下命令来应用这些插件：

npx babel --presets @babel/preset-env,env --out-dir dist

这将会把你的源代码编译成一个名为dist的新目录，其中包含了经过优化的JavaScript代码。

现在，当你打开Chrome时，你应该能看到你的ES6代码被转换成了兼容旧版Chrome的JavaScript。