利用babel工具将es6语法转换成es5,Object.assign方法报错

 

1、新建工程初始化项目es6

  1.新建工程文件夹这里起名叫作es6,而后在里面建立两个文件夹分别为src 、dist以下图:(src为待转换es6 js存放目录,dist为编译完成后的es5 js存放目录)npm

 

 

 

二、在src目录下新建一个js文件,里面输入es6的代码json

 

3. 初始化项目babel

  npm  init 工具

2、全局安装babel工具ui

1)在终端中输入如下命令,es5

  npm install -g babel-cli插件

2)安装转换包rest

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

3)在实际项目中es6转es5后可能出现Object.assign()未定义,所以还需安装Babel套件与插件

  1  安装   (适用于Object.assign() 的插件)

  npm install babel-plugin-transform-object-assign
  
  2.安装 (适用于展开运算符 的插件)
    npm install babel-plugin-transform-object-rest-spread
3、新建.babelrc

 

 

4、修改package.json

 

 

  最后:npm run build

相关文章
相关标签/搜索