首页 > 其他 > 详细

ES6-浏览器运行环境配置方法

时间:2018-11-16 18:40:52      阅读:209      评论:0      收藏:0      [点我收藏+]

现在ES6用的越来越多,想要学习使用ES6,只需简单搭建引入几个js即可运行ES6代码

但是需要基本的服务器环境下运行(如http://10.12.8.161:8047/js-test/export/export.html 这样服务器环境访问)。

引入这几个js

<script type="text/javascript" src="./bower_components/jQuery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="./bower_components/traceur/traceur.js"></script>
    <script type="text/javascript" src="./bower_components/bootstrap/dist/js/bootstrap.js" ></script>

ES6 js 文件运行需要设置
type="module"

<script type=‘module‘>
         import * as cc  from ‘./js/main.js‘;
         console.log(cc);
    </script>

完整示例:

<html>
<head>
    <meta charset="UTF-8">
    <title>es6</title>
    <script type="text/javascript" src="./bower_components/jQuery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="./bower_components/traceur/traceur.js"></script>
    <script type="text/javascript" src="./bower_components/bootstrap/dist/js/bootstrap.js" ></script>
    <script type="text/javascript">
    //traceur.options.experimental = true;
    </script>
</head>
<body>
     <script type=‘module‘>
         import * as cc  from ./js/main.js;
         console.log(cc);
    </script>
</body>
</html>

下载:

https://files.cnblogs.com/files/zhidong123/ES6.zip

 

ES6-浏览器运行环境配置方法

原文:https://www.cnblogs.com/zhidong123/p/9970903.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!