external是 Vue 3.0 中十分重要的一個(gè)新特性,它允許我們從構(gòu)建過程中排除一些依賴,使我們的應(yīng)用程序更加輕便、快速。
在Vue 2.x中,我們可以通過webpack的externals屬性手動(dòng)指定第三方庫,然后在html中引入。而在Vue 3.0中,我們可以使用Vue提供的externals選項(xiàng),來自動(dòng)地將特定的第三方庫從打包過程中剔除出去。比如:
module.exports = {
externals: {
'vue': 'Vue',
'react': 'React'
}
}
在以上的代碼中,我們?cè)谂渲梦募兄付薞ue和React這兩個(gè)庫為externals,也就是說它們不會(huì)被打包進(jìn)我們的應(yīng)用程序中。它們必須從CDN、服務(wù)器或者其他地方手動(dòng)引入。
當(dāng)然,Vue 3.0 中的 externals 不僅僅限于 Vue 和 React 這兩個(gè)庫。它還支持幾乎所有可用的 npm 庫,如 Lodash、jQuery、Moment.js 等等。
對(duì)于使用Vue 3.0的開發(fā)者而言,externals提供了一種快速、簡(jiǎn)便的方式,可以在構(gòu)建好的應(yīng)用程序中減小文件大小,縮短加載時(shí)間,提高應(yīng)用程序的性能與用戶體驗(yàn)。