ES6編寫的模組發布npm包的坑

2022-06-30 20:39:10 字數 353 閱讀 4211

問題:採用es6語法編寫的模組,通過export匯出,webpack打包轉換成es5,然後發布npm。再使用的時候通過import方式引入的時候會是個空物件。

原因:因為webpack配置的時候忘了引數librarytarget: 'commonjs2'。需要加上該引數就可以了,如圖:

解析:我們期望的是logger.js符合commonjs規範,但是我們在配置中並沒有指出,所以webpack打包出來的檔案,什麼也沒匯出。加上該引數,指出讓webpack是按照commonjs規範匯出變數。

ES6模組的轉碼

瀏覽器目前還不支援es6模組,為了實現立刻使用,我們可以將其轉為es5的寫法.除了babel可以用來轉碼,還有以下兩個方法也可以用來轉碼 es6 moudule transpiler systemjs es6 moudule transpiler是square公司開源的乙個轉碼器,可以將es6模組轉...

es6的模組匯出

在es5中,用module.exports和exports匯出模組,用require引入模組。es6新增export和export default匯出模組,import匯入模組。1.export的使用 案例 檔案a.js的內容 export var num1 10 export var num2 1...

ES6學習筆記之ES6中的模組

1 import和export基本使用 重點 在es6中新增了js檔案的暴露和引入的新寫法 import和export node es6 require import exports.export module.exports default 使用export const 暴露函式名暴露函式,imp...