zoukankan      html  css  js  c++  java
  • 关于es6及以上的js编译成es5

    问题:es6及以上版本在IE浏览器上不能执行起来,但Chrome浏览器上轻松运行,解决兼容IE的问题就需要使用babel;这个可以去babel的官网去查看;

    关于babel的简单使用,有两种方式:

    1、运行时编译,但这种编译会加大页面渲染的时间;

      使用方法:下载babel.min.js引入在需要编译的文件脚本前面;同时相应的<script>标签需要添加type=text/babel;接下来直接运行脚本页面即可;

     

    2、编译完成之后再运行,强烈建议这种方式,不影响浏览器渲染时间;

      使用方法:需要node的支持;使用命令行工具 下载babel相关包。首先在你的需要的项目文件夹执行npm init -y 初始化一下工程;然后执行npm i @babel/col @babel/cli @babel/preset-env -D 下载完相关包之后,打开package.json包文件,在里面的script:{"build":"babel src -d dist"};虽然这些都配置好了,但是还没有说明需要编译成什么样,所以还需要添加.babelrc文件,内容是:{“presets”:[“@babel/preset-env”]};完了之后就可以使用了:在命令行工具里 :npm run build 执行编译就可以将src目录下的js文件编译到dist目录下;只能编译js文件,所以需要将js文件单独引入到html文件中;

  • 相关阅读:
    Aspose.Words三 创建表格
    Aspose.words一 DOM结构
    Aspose.words四 bookmark
    Aspose.Words五 MergeField
    为什么使用Reazor
    C#实现发送给QQ邮件
    T4模板之基础篇
    avalon子孙元素属性监听
    C#设置WebBrowser IE浏览器版本
    【GoLang】GoLang GOPATH 工程管理 最佳实践
  • 原文地址:https://www.cnblogs.com/wangtaolearning/p/10983105.html
Copyright © 2011-2022 走看看