瀏覽器目前還不支援es6模組,為了實現立刻使用,我們可以將其轉為es5的寫法.除了babel可以用來轉碼,還有以下兩個方法也可以用來轉碼:es6 moudule transpiler
systemjs
es6 moudule transpiler是square公司開源的乙個轉碼器,可以將es6模組轉為commonjs模組或amd模組,從而在瀏覽器中使用.
首先,安裝這個解碼器.
$ npm install -g es6-module-transpiler
然後,使用compile-modules convert 命令將es6模組檔案轉碼
$ compile-modules convert filel.js file2.js
-o 引數可以指定轉碼後的檔名.
$ compile-modules convert -o out.js file1.js
第二種解決方法使用了systemjs。它是乙個墊片庫(polyfill),可以在瀏覽器內載入es6模組、amd模組和conmmonjs模組,將其轉化為es5格式。它在後台呼叫的是google的traceur轉碼器.使用時,先在網頁內載入system.js檔案。
es6模組暴露
es6模組匯入和匯出 匯出 export,export default 可以匯出變數,函式,物件,檔案,模組 匯入 import function add 1 export add 匯入 import from add.js 匯入時要加,呼叫 add 可以匯出多個,加 export export a...
es6模組命令
es6的模組命令分為export命令和import命令,其中export命令用於匯出變數,import命令用於引入變數。1.1a檔案 export var name name export var age 1 以上a檔案中使用export命令匯出了name和age變數。下面,將在b檔案中使用impo...
ES6模組操作
export default 值匯入時使用以下方式 import 自定義名字 from 模組位址 vue在建立vue元件時,我們會經常使用到這種方式 export default import demo from vue export const num 1export const num2 2 先...