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

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