码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-11-16 18:50:09      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:完整   简单   meta   query   script   target   ref   es6   pre   

现在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-浏览器运行环境配置方法

标签:完整   简单   meta   query   script   target   ref   es6   pre   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!