ReactJS 的环境设置答案

【问题标题】：environment setup for ReactJSReactJS 的环境设置
【发布时间】：2019-07-02 14:35:30
【问题描述】：

目前我正在使用 npm（babel、webpack 等）为 react.js 进行环境设置，现在我正在填写 webpack.config.js 文件，我正在关注的教程有下一个代码：

 module: {
  rules: [
     {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
           presets: ['es2015', 'react']
        }
     }
  ]
},

正如我在 Presents 属性中看到的那样，写有 es2015 (ECMAScript 5)，我想知道最好是这样，或者我应该将它切换到 ES6 或 ES7，因为它是 2019 年，甚至 ES6 有太多的功能.我刚开始做出反应，如果我问了什么愚蠢的问题，请纠正我。谢谢

【问题讨论】：

你在使用 create-react-app 吗？
不，我没有使用，我认为如果我这样设置环境会更专业
从 scatch 启动 react.js 的最佳方式是使用默认函数create-react-app。然后你就不用担心 webpack 的配置了。它现在也比几年前更稳定。
但我认为从这一点开始我不喜欢进入简单的准备好的东西并对其进行编辑，我考虑这种方式，但是谢谢

标签： node.js reactjs ecmascript-6 ecmascript-5 ecmascript-2017

【解决方案1】：

你是对的，那个教程已经过时了，你应该改用@babel/preset-env。它是所有 esXXX 预设的单一替代品。

@babel/preset-env 是一个智能预设，可让您使用最新的 JavaScript 无需微观管理哪些语法转换（以及可选地，您的目标需要浏览器填充物）环境。这既让你的生活更轻松，又让 JavaScript 捆绑更小！

【讨论】：

我刚才出错了，现在我也要安装@babel/core（我有babel-core）：D

【解决方案2】：

你需要 @babel/preset-env 包而不是 es2015

【讨论】：