0
点赞
收藏
分享

微信扫一扫

babel的使用

一叶轻舟okok 2022-02-06 阅读 51

1.将es6代码转为es5 v8主流浏览器引擎使用

  npm install --save-dev babel-loader@5.4.1 
   babel --version  //注意是两个-  ,查看版本

2.使用
————1.配置.babelrc 在项目根目录写

	   {
	       "presets":  ["es2015"],
	        "plugins":[]
	   }

——— 2.安装转码器,可以把es6 转为es5

 npm install --save-dev babel-preset-es2015

——— 3.创建src目录放个es6的语法的js dist会产生新的文件

 babel src -d dd  //dd是生成的文件夹名,-原来的文件名不变,src是整个目录转码

3.自动化脚本(不用记代码)
– 1.在package.json的scripts的test/dev
的值写上 babel src -d dist --presets es2015 (src必须要存在)
!!!坑在版本6.0不指定不编译import
– 2.npm run dev //直接编译
4.es6的导入导出
写法1:

	export function aa(){
  		console.log("aaaa")

	}
	import {aa} from './ex1.js'  
	 //是解构,所以要与函数名一一对应,这里是另外一个js文件进行导入
	aa()
  写法2:
   //注意不写function了
  export default{
     aa(){
          console.log("aaaa")
  
      }

   }
举报

相关推荐

0 条评论