- 默認(rèn)支持 import 和 export 語法
事實(shí)上烈疚,webpack 在幕后會將代碼“轉(zhuǎn)譯”该互,以便舊有瀏覽器可以執(zhí)行吁系。如果你檢查 dist/bundle.js药版,你可以看到 webpack 具體如何實(shí)現(xiàn)辑舷,這是獨(dú)創(chuàng)精巧的設(shè)計(jì)!除了 import 和 export槽片,webpack還能夠很好地支持多種其他模塊語法何缓,更多信息請查看模塊 API。
注意还栓,webpack 不會更改代碼中除 import 和 export 語句以外的部分碌廓。如果你在使用其它 ES2015 特性,請確保你在 webpack 的 loader 系統(tǒng)中使用了一個像是 Babel 或 Bublé 的轉(zhuǎn)譯器剩盒。
由于html 模板的上線url 路徑是不確定的谷婆, 所以在模板中如果用到了import img 的方式導(dǎo)入 圖片資源, 引用的src 和 線上的 cdn 資源路徑是不一致的。 即使是相對路徑
source map 原理 阮一峰
-
webpack-dev-server 可以支持通過node api的方式來為app 服務(wù)
github示例地址