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