当前位置: 首页 > Web前端 > vue.js

关于ant-design-vue使用的优化配置

时间:2023-03-31 17:49:32 vue.js

鐩墠椤圭洰涓娇鐢ㄧ殑鏄痑nt-design-vue缁勪欢搴擄紝瀹樻柟閰嶇疆鏈夋寜闇€鍔犺浇鍔熻兘锛屼絾鏄湪瀹為檯浣跨敤杩囩▼涓紝杩樻槸鏈夊緢澶氫笉鐢ㄧ殑缁勪欢琚墦鍖呭埌椤圭洰涓紝涓昏闆嗕腑鍦ˊant-Design/icons,moment,鍗犵瘒骞呭厛閰嶇疆缁勪欢鎸夐渶鍔犺浇鍔熻兘yarnaddbabel-plugin-import-Dmodule.exports={presets:[['@vue/cli-plugin-babel/preset',{useBuiltIns:'entry',modules:'commonjs'}]],鎻掍欢:[['import',{libraryName:'ant-design-vue',libraryDirectory:'es',style:'css'},'ant-design-vue'],'lodash']}鎴戜滑鍏堢湅澶у皬涓嶅鐞嗙殑鎯呭喌锛歮omentplugin@ant-design/icons鐜板湪寮€濮嬭В鍐宠繖浜涘啑浣欎唬鐮乵oment澶勭悊鏂规硶锛?.鍦╲ue.config.js涓娇鐢╡xternals閰嶇疆鎺掗櫎momentmodule.exports={...configureWebpack:{externals:['moment']}}缁撴灉浠g爜鎶ラ敊锛屾彁绀烘壘涓嶅埌moment锛屽簲璇ユ槸ant-design-vue瀵硅繖涓彃浠舵湁寰堝己鐨勪緷璧栵紝鎵€浠ヨ繖绉嶅鐞嗘柟寮忚涓嶉€氾紝鍚庢潵鍙堟姌鑵句簡涓€涓嬶紝鍙戠幇鍙互閫氳繃webpack鑷甫鐨勬彃浠舵潵鍑忓皯寮曠敤鏂囦欢鐨勪綋绉痗onstwebpack=require('缃戠粶鍖?锛夋ā鍧椼€俥xports={...configureWebpack:{...鎻掍欢:[newwebpack.ContextReplacementPlugin(/moment[/\\]locale$/,/zh-cn/)]}}鐩告瘮Gzip锛屼綋绉噺灏?0KB锛屾晥鏋滈潪甯告槑鏄継ant-design/icons澶勭悊鏂规硶:瀹樻柟宸茬粡寮€濮嬭В鍐冲瓧浣撳浘鏍囩殑鎸夐渶鍔犺浇鍔熻兘銆傚叿浣撴椂闂存湭鐭ャ€傛潵鐪嬬湅缃戝弸缁欏嚭鐨勪竴涓潪甯稿疄鐢ㄧ殑瑙e喅鏂规銆傜涓€姝ワ細鍦ㄩ」鐩腑鏂板缓涓€涓猨s鏂囦欢