ES6-浏览器运行环境配置方法
Posted zhidong123
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES6-浏览器运行环境配置方法相关的知识，希望对你有一定的参考价值。
现在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-浏览器运行环境配置方法的主要内容，如果未能解决你的问题，请参考以下文章