webpack 筆記一

  1. 默認支持 import 和 export 語法

事實上,webpack 在幕后會將代碼“轉(zhuǎn)譯”,以便舊有瀏覽器可以執(zhí)行。如果你檢查 dist/bundle.js,你可以看到 webpack 具體如何實現(xiàn),這是獨創(chuàng)精巧的設計!除了 import 和 export,webpack還能夠很好地支持多種其他模塊語法,更多信息請查看模塊 API。
注意,webpack 不會更改代碼中除 import 和 export 語句以外的部分。如果你在使用其它 ES2015 特性,請確保你在 webpack 的 loader 系統(tǒng)中使用了一個像是 Babel 或 Bublé 的轉(zhuǎn)譯器。

  1. 由于html 模板的上線url 路徑是不確定的, 所以在模板中如果用到了import img 的方式導入 圖片資源, 引用的src 和 線上的 cdn 資源路徑是不一致的。 即使是相對路徑

  2. source map 原理 阮一峰

  3. webpack-dev-server 可以支持通過node api的方式來為app 服務

    QQ圖片20180104171408.png

    github示例地址

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容