File tree Expand file tree Collapse file tree 1 file changed +21
-14
lines changed
Expand file tree Collapse file tree 1 file changed +21
-14
lines changed Original file line number Diff line number Diff line change 11{
2- // 此项指明,转码的规则
32 "presets" : [
4- // env项是借助插件babel-preset-env,下面这个配置说的是babel对es6,es7,es8进行转码,并且设置amd,commonjs这样的模块化文件,不进行转码
53 [
64 " env" ,
75 {
86 "modules" : false ,
7+ "useBuiltIns" : true ,
98 "targets" : {
109 "browsers" : [" > 1%" , " last 2 versions" , " not ie <= 8" ]
1110 }
1211 }
13- // babel-preset-env 可以设置一些选项,这里就介绍几种,有兴趣自己去看英文文档
14- // targets 指定运行环境
15- // targets.node 指定node版本
16- // targets.browsers 指定浏览器版本
17- // modules 指定何种形式的模块,设置为false表示不转码模块
1812 ],
19- // 下面这个是不同阶段出现的es语法,包含不同的转码插件
2013 " stage-2"
2114 ],
22- // 下面这个选项是引用插件来处理代码的转换,transform-runtime用来处理全局函数和优化babel编译
2315 "plugins" : [
2416 " lodash" ,
2517 " transform-vue-jsx" ,
2618 " transform-runtime" ,
2719 " transform-decorators-legacy"
2820 ],
29- // 下面指的是在生成的文件中,不产生注释
3021 "comments" : false ,
31- // 下面这段是在特定的环境中所执行的转码规则,当环境变量是下面的test就会覆盖上面的设置
3222 "env" : {
33- // test 是提前设置的环境变量,如果没有设置BABEL_ENV则使用NODE_ENV,如果都没有设置默认就是development
23+ "development" : {
24+ "presets" : [
25+ [
26+ " env" ,
27+ {
28+ "modules" : false ,
29+ "useBuiltIns" : false ,
30+ "targets" : {
31+ "browsers" : [" Chrome >= 66" ]
32+ }
33+ }
34+ ],
35+ " stage-2"
36+ ],
37+ "plugins" : [
38+ " transform-runtime" ,
39+ " transform-vue-jsx" ,
40+ " transform-decorators-legacy"
41+ ]
42+ },
3443 "test" : {
3544 "presets" : [" env" , " stage-2" ],
36- // instanbul是一个用来测试转码后代码的工具
37-
3845 "plugins" : [
3946 " istanbul" ,
4047 " transform-vue-jsx" ,
You can’t perform that action at this time.
0 commit comments