在使用vue項(xiàng)目中都有用到require 和 import 來進(jìn)行引入模塊，這兩個(gè)只有《JS模塊化規(guī)范：AMD，CMD，CommonJS和ES6》有過稍微解過，具體有什么區(qū)別，筆者有去了解了一下。

無論是require 還是 import 都是不同規(guī)范下導(dǎo)入模塊的方法，主要有以下的區(qū)別：

1、require對應(yīng)導(dǎo)出的方法是module.exports,
? ? ? import對應(yīng)的方法是export default/export

2、require?是CommonJs的語法
? ? ? import 是 ES6 的語法標(biāo)準(zhǔn)。

3、require是運(yùn)行運(yùn)行時(shí)加載模塊里的所有方法（動態(tài)加載），
? ? ??import?是編譯的時(shí)候調(diào)用（靜態(tài)加載），不管在哪里引用都會提升到代碼頂部。

4、require?是CommonJs的語法，引入的是的是整個(gè)模塊里面的對象，
? ? ?import?可以按需引入模塊里面的對象

5、require?導(dǎo)出是值的拷貝,
? ? ? import 導(dǎo)出的是值的引用
? ? （這個(gè)具體可以參考：《如何正確證明 Commonjs 模塊導(dǎo)出是值的拷貝，而 ES module 是值的引用？》）