Question

当前，我正在使用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都具有太多功能。我刚刚开始反应，如果我问一些愚蠢的事情，请纠正我。谢谢

Answer 1

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

@ babel / preset-env 是一个智能预设，可让您使用最新的 JavaScript，无需微观管理要转换的语法（和您的目标可能需要浏览器polyfill）环境。这都使您的生活更轻松，并且使用了JavaScript 束更小！

Answer 2

您需要@babel/preset-env软件包而不是es2015

ReactJS的环境设置

2 个答案: