我的最新博客在:Secret_wu's coding note
(新增強推)如果想在Visual Studio Code編譯器,要配置ES6的JavaScript運行環境可以參考:
我的另一篇博文:配置ES6的JavaScript運行環境-Visual Studio Code
運行ES6代碼(或模塊)的方法:
1、可以使用Babel轉碼器,把ES6的JS轉碼成Node.js的CommonJS。
如,在安裝好Babel時,使用命令babel file.js --out dir folder。即把名為“file”的JS模塊(代碼)轉碼在名為“folder”的文件夾下。把需要用到的JS代碼或者是模塊代碼轉碼為通用的JS,然后運行轉碼后的文件,就可以運行了。(注:Babel也提供了在線轉碼: https://babeljs.io/repl )
2、將ES6文件的擴展名從.js改成.mjs,然后在node命令后添加--experimental-modules來執行代碼。
如,我們要運行“moduleTry.js”文件,首先將其改后綴名為.mjs,即為“moduleTry.mjs”。然后在該文件目錄下執行Node命令,即node --experimental-modules moduleTry.mjs就可以了。
3、在瀏覽器運行ES6模塊。
啟動瀏覽器的實驗性模式,然后在script標簽中增加type="module"就可以導入我們創建的模塊了。例如,<script type="module" src="xxx.js"></script>。當執行代碼時打開瀏覽器的Developer Tools|Network標簽頁,就會看到我們創建的所有文件都被加載了。然后可以在控制台查看相關結果。