build(deps): 添加多种插件：element-plus、iconify、windicss

src/plugins/element-plus.ts

@@ -0,0 +1,188 @@
+import type { App } from 'vue';
+import 'element-plus/lib/theme-chalk/base.css';
+import {
+  // ElAlert,
+  // ElAside,
+  // ElAutocomplete,
+  // ElAvatar,
+  // ElBacktop,
+  // ElBadge,
+  // ElBreadcrumb,
+  // ElBreadcrumbItem,
+  ElButton,
+  // ElButtonGroup,
+  // ElCalendar,
+  ElCard,
+  ElCarousel,
+  ElCarouselItem,
+  // ElCascader,
+  // ElCascaderPanel,
+  // ElCheckbox,
+  // ElCheckboxButton,
+  // ElCheckboxGroup,
+  // ElCol,
+  // ElCollapse,
+  // ElCollapseItem,
+  ElCollapseTransition,
+  // ElColorPicker,
+  // ElContainer,
+  // ElDatePicker,
+  // ElDialog,
+  // ElDivider,
+  // ElDrawer,
+  // ElDropdown,
+  // ElDropdownItem,
+  // ElDropdownMenu,
+  ElEmpty,
+  // ElFooter,
+  // ElForm,
+  // ElFormItem,
+  // ElHeader,
+  ElIcon,
+  // ElImage,
+  ElInput,
+  // ElInputNumber,
+  // ElLink,
+  // ElMain,
+  // ElMenu,
+  // ElMenuItem,
+  // ElMenuItemGroup,
+  // ElOption,
+  // ElOptionGroup,
+  // ElPageHeader,
+  // ElPagination,
+  // ElPopconfirm,
+  // ElPopover,
+  // ElPopper,
+  // ElProgress,
+  // ElRadio,
+  // ElRadioButton,
+  // ElRadioGroup,
+  // ElRate,
+  // ElRow,
+  // ElScrollbar,
+  // ElSelect,
+  // ElSlider,
+  // ElStep,
+  // ElSteps,
+  // ElSubmenu,
+  // ElSwitch,
+  // ElTabPane,
+  // ElTable,
+  // ElTableColumn,
+  // ElTabs,
+  // ElTag,
+  // ElTimePicker,
+  // ElTimeSelect,
+  // ElTimeline,
+  // ElTimelineItem,
+  // ElTooltip,
+  // ElTransfer,
+  // ElTree,
+  // ElUpload,
+  // ElInfiniteScroll,
+  ElLoading
+  // ElMessage
+  // ElMessageBox,
+  // ElNotification
+} from 'element-plus';
+
+const components = [
+  // ElAlert,
+  // ElAside,
+  // ElAutocomplete,
+  // ElAvatar,
+  // ElBacktop,
+  // ElBadge,
+  // ElBreadcrumb,
+  // ElBreadcrumbItem,
+  ElButton,
+  // ElButtonGroup,
+  // ElCalendar,
+  ElCard,
+  ElCarousel,
+  ElCarouselItem,
+  // ElCascader,
+  // ElCascaderPanel,
+  // ElCheckbox,
+  // ElCheckboxButton,
+  // ElCheckboxGroup,
+  // ElCol,
+  // ElCollapse,
+  // ElCollapseItem,
+  ElCollapseTransition,
+  // ElColorPicker,
+  // ElContainer,
+  // ElDatePicker,
+  // ElDialog,
+  // ElDivider,
+  // ElDrawer,
+  // ElDropdown,
+  // ElDropdownItem,
+  // ElDropdownMenu,
+  ElEmpty,
+  // ElFooter,
+  // ElForm,
+  // ElFormItem,
+  // ElHeader,
+  ElIcon,
+  // ElImage,
+  ElInput
+  // ElInputNumber,
+  // ElLink,
+  // ElMain,
+  // ElMenu,
+  // ElMenuItem,
+  // ElMenuItemGroup
+  // ElOption,
+  // ElOptionGroup,
+  // ElPageHeader,
+  // ElPagination,
+  // ElPopconfirm,
+  // ElPopover,
+  // ElPopper,
+  // ElProgress,
+  // ElRadio,
+  // ElRadioButton,
+  // ElRadioGroup,
+  // ElRate,
+  // ElRow,
+  // ElScrollbar,
+  // ElSelect,
+  // ElSlider,
+  // ElStep,
+  // ElSteps,
+  // ElSubmenu,
+  // ElSwitch,
+  // ElTabPane,
+  // ElTable,
+  // ElTableColumn,
+  // ElTabs,
+  // ElTag,
+  // ElTimePicker,
+  // ElTimeSelect,
+  // ElTimeline,
+  // ElTimelineItem,
+  // ElTooltip,
+  // ElTransfer,
+  // ElTree,
+  // ElUpload
+];
+
+const plugins = [
+  // ElInfiniteScroll,
+  ElLoading
+  // ElMessage
+  // ElMessageBox,
+  // ElNotification
+];
+
+/** 引入element-plus UI组件 */
+export default function setupElementPlus(app: App<Element>) {
+  components.forEach(component => {
+    app.component(component.name, component);
+  });
+  plugins.forEach(plugin => {
+    app.use(plugin);
+  });
+}

src/plugins/index.ts

@@ -0,0 +1,4 @@
+import setupElementPlus from './element-plus';
+import NProgress from './nprogress';
+
+export { setupElementPlus, NProgress };

src/plugins/nprogress.ts

@@ -0,0 +1,10 @@
+import NProgress from 'nprogress'; // 顶部进度条
+import '../styles/css/nprogress.css';
+
+NProgress.configure({
+  easing: 'ease',
+  speed: 500,
+  trickleSpeed: 200,
+  showSpinner: false
+});
+export default NProgress;