0.0.7 • Published 1 year ago

zup-plaform-base v0.0.7

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

zup系统管理平台

内置依赖:pinia、piniaPluginPersistedstate、antd、router、less、

快速开始

1. 安装

npm install zup-plaform-base

2. 引用组件库

// 全局引用
import { createApp } from 'vue'
import App from './App.vue'

import { createPinia } from 'pinia' import Antd from 'ant-design-vue'; import router from 'zup-plaform-base/src/router/index';

import 'zup-plaform-base/src/css/base/main.less' import 'ant-design-vue/dist/antd.variable.less' import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

const app = createApp(App); const pinia = createPinia(); pinia.use(piniaPluginPersistedstate);

app.use(pinia) app.use(router) app.use(Antd)

app.mount('#app')

### 3. 配置
配置css预处理器
vite.config.ts
```ts
import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  css: {
    // css预处理器
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
        charset: false,
        modifyVars: {
          "border-radius-base": "8px",
        },
      },
    },
  },
})