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

最新推荐文章于 2023-07-26 10:21:14 发布

weixin_34352005

最新推荐文章于 2023-07-26 10:21:14 发布

阅读量336

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhidong123/p/9970903.html

版权

现在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

转载于:https://www.cnblogs.com/zhidong123/p/9970903.html

weixin_34352005

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6-浏览器运行环境配置方法

现在ES6用的越来越多，想要学习使用ES6，只需简单搭建引入几个js即可运行ES6代码但是需要基本的服务器环境下运行（如http://10.12.8.161:8047/js-test/export/export.html 这样服务器环境访问）。引入这几个js<script type="text/javascript" src="./bower_components/jQuer...
复制链接

扫一扫