ReactJS 的环境设置

environment setup for ReactJS

目前我正在使用 npm(babel、webpack 等)为 react.js 进行环境设置,现在我正在填充 webpack.config.js 文件和我正在关注的教程有下一个代码:

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

正如我在礼物中看到的那样 属性 有写成 es2015 (ECMAScript 5),我想知道这样更好,或者我应该将它切换到 ES6 或 ES7,因为它是 2019 年甚至ES6 的特性太多了。我刚开始反应,如果我问了一些愚蠢的问题,请纠正我。谢谢

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

@babel/preset-env is a smart preset that allows you to use the latest JavaScript without needing to micromanage which syntax transforms (and optionally, browser polyfills) are needed by your target environment(s). This both makes your life easier and JavaScript bundles smaller!

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