ES6-瀏覽器執行環境配置方法
阿新 • • 發佈:2018-11-16
現在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