zoukankan      html  css  js  c++  java
  • ES6+转ES5

      本人近期接到一个天大的“好消息”:zxbc项目某些客户为保险业等种种原因要支持IE……
      2013年,ES6草案冻结,2015年6月,ES6正式通过,成为国际标准。都9102啦,Chrome还好啦,升级到最新版本,大部分ES6还是ok的,但是万恶之源IE呢?作为一个前端开发者,兼容万恶的IE,顿时,胸中万马奔腾,此处省略十万字……
      无奈之举,撸起袖子开干呗。js先用babel搞个ES6转ES5呗。

     一、node安装

     1、计算机-右键-属性-系统类型(我的64位操作系统)

    file

     2、下载node
     下载地址:https://nodejs.org/en/download/
    file
      找到自己系统对应的32或64位的msi文件下载后安装即可。
      安装完成后win+r后输入cmd终端执行命令:
      node -v
    file
      看到版本号即为安装成功。

      二、npm安装

     建议使用淘宝镜像,个人感觉快点,执行命令
     npm install -g cnpm --registry=https://registry.npm.taobao.org
     安装完成后,执行
     npm -v
     看到版本号即为安装成功

     三、初始化项目

     1、建立工程目录
     src:ES6语法编写的JS文件目录地址;
     dist:使用Babel转换成ES5的文件目录地址,在项目引用这个文件夹里边的JS文件
    file
     2、终端进入项目目录后执行命令
     cnpm init -y
     -y是指表示全部默认,不用一直敲回车
    file
      看到有自动生成的package.json就ok了

      四、Babel安装

     全局安装Babel-cli
     终端执行命令:
     cnpm install -g babel-cli

     五、安装Babel转换包

     终端执行命令:
     cnpm install --save-dev babel-preset-es2015 babel-cli

     六、在项目根目录新建(.babelrc)文件输入一下代码:

     { "presets": [ "es2015" ], "plugins": [] }
     若用右键新建文件后修改重命名提示:必须键入文件名,此时可用编辑器新建此文件即可

     七、输入终端转换命令即可将ES6编写的index.js文件转换为ES5

     babel src/index.js -o dist/index.js
    file

    八、简化终端命令,修改package.json文件中的scripts

    file

     之后,修改js文件后终端执行命令即可
     cnpm run build
     这只是js单文件的转换,多文件的转换下次在补上……
     共勉,望鞭策!

  • 相关阅读:
    SpringMVC的下载
    上传的前台实现
    SpringMVC自定义视图解析器的使用
    SpringMVC的Model对象的使用
    SpringMVC中使用作用域对象完成数据的流转
    SpringMVC的响应介绍
    SpringMVC的静态资源放行配置
    SpringMVC的静态资源放行
    SpringMVC的编码过滤器配置
    pymysql
  • 原文地址:https://www.cnblogs.com/puyongsong/p/12036090.html
Copyright © 2011-2022 走看看