Vue librarytarget是Vue CLI 3中的一個配置選項,用于指定打包組件庫時的輸出格式。該選項有三個可選值:commonjs、umd和umd-min。
commonjs:輸出為CommonJS模塊,適用于Node.js環境或使用requireJS庫的瀏覽器環境。
umd(默認值):輸出為UMD模塊,可以在CommonJS、AMD或全局變量環境中使用。
umd-min:和umd相同,但會通過UglifyJS進行代碼壓縮。
// 示例代碼 module.exports = { // ... configureWebpack: { output: { libraryTarget: 'umd' // 輸出格式為UMD } } };
在實際開發中,如果我們的組件庫需要在Node.js環境下使用,或需要通過requireJS加載,則應該使用commonjs輸出格式;如果組件庫中的組件將在不同環境下使用,比如node、AMD和全局變量環境,而不需要代碼壓縮,則可以使用默認值UMD;如果需要對代碼進行壓縮,則可以選擇使用umd-min輸出格式。