Babel7.1.0升级通知Deprecatedyearpreset无需手动安装babel-preset-es2015或其他年份，安装@babel/preset-env即可，相当于使用最新版本javascript弃用了stage预设，不再使用stage-0和其他stage配置。@和-的区别其实是npm的相关知识，不局限于babel。安装babel的一些presets有两种方式，一种是直接安装到node_modules文件夹下，作为一个单独的npm包：cnpminstallbabel-preset-env--save另一种是安装scoped包？cnpminstall@babel/preset-env--save这两种方式都没有错，但是要注意路径问题，参考创建presets的部分。Presets预设相当于一个插件集，提供了一系列的预设来实现翻译功能。常用的有：@babel/preset-react：用于编译JSX语法@babel/preset-env：智能语法环境预设，无需详细配置语法转换（如替换stage-0）即可创建预设选择以babelrc为例，语法如下：{"presets":["@babel/preset-env"]}如果你不使用scoped-package模式，那么你的写法应该是{"presets":["babel-preset-env"]}也可以简写为{"presets":["env"]}Plugins插件在presets之前运行，作为新手用户还没有使用过插件，基本都是使用presets来提供傻傻的一套插件就够了。详情请点击：插件|通天中文网？有很多方法可以通过编写.babelrc文件来配置babel。最方便的方法是创建一个.babelrc文件。官方说这个文件可以放在任意位置，babel-loader会去递归路径找，但实际上我尝试了一次，似乎没有用。当然，这可能是我没有处理好。总之，建议放在根目录下。然后你需要安装@babel/core以确保所有的翻译使用你的配置文件来实例化一个react项目——package.json文件，这是你可能需要安装的：{..."dependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","babel-loader":"^8.0.4",...}...}.babelrc文件很简单：{"presets":["@babel/preset-env","@babel/preset-react"]}webpack.config.js文件：{...模块：{规则：[{测试：/\.js$/，排除：path.resolve(__dirname,'..','node_modules'),使用：{loader:"babel-装载机",}},...]}...}
