因爲webpack會將圖片當做模塊來引用,所以在js中需要使用require將圖片引用進來,而不是直接以字符串的形式。
node編程中最重要的思想就是模塊化,import
和 require
都是被模塊化所使用。
遵循規範
require
是 AMD 規範引入方式import
是 ES6 的一個新的語法標準,如果要兼容瀏覽器的話必須轉化成 ES5 的語法
調用時間
- require 是在運行時調用,所以 require 理論上可以放在代碼的任何地方
- import 是在編譯時調用,所以必須放在文件開頭
本質
- require 是賦值過程,其實 require 的結果就是對象、數字、字符串、函數等,再把 require 的結果賦值給某個變量
- import 是解構過程,但是目前所有的引擎都還沒有實現 import,我們在 node 中使用 babel 支持 ES6,也僅僅是將 ES6 轉碼爲 ES5 再執行,import 語法會被轉碼爲 require