1. 程式人生 > >ES6-瀏覽器運行環境配置方法

ES6-瀏覽器運行環境配置方法

hid min rac nta files 文件 option blog 配置

現在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-瀏覽器運行環境配置方法