vue3-component-demo's Introduction

前端组件库

monorepo + typescript + tsx + vitest + pnpm + eslint + husky + 自动部署 + vuepress@next

es // button import es6 按需加载 vite tree shaking lib // ssr lib commonjs dist // cdn bundle

git commit -am "update"

feat: 新特性或者新功能

fix: 修复 bug

chore: 构建过程或者其他无关的改动

refactor: 重构

ci: 持续集成,自动部署

wx: aibayanyu2022

vue3-component-demo's People

Contributors

Stargazers

vue3-component-demo's Issues

引入vuepress-plugin-code-block无效果

package.json

{
  "name": "site",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "vuepress dev",
    "build": "vuepress build",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "vuepress": "^2.0.0-beta.39"
  },
  "devDependencies": {
    "@vitejs/plugin-vue-jsx": "^1.3.9",
    "@vuepress/client": "^2.0.0-beta.38",
    "@yanyu-fe/vuepress-plugin-code-block": "^0.0.14"
  }
}

config.ts

import { defineUserConfig } from 'vuepress'
import type { DefaultThemeOptions, ViteBundlerOptions } from 'vuepress'
import * as navbar from './configs/navbar'
import * as sidebar from './configs/sidebar'
import vueJsx from '@vitejs/plugin-vue-jsx'
import { resolve } from 'path'

// TODO TS报错defineUserConfig不能加类型
export default defineUserConfig<DefaultThemeOptions, ViteBundlerOptions>({
  title: '前端组件库',
  plugins: [['@yanyu-fe/vuepress-plugin-code-block', {}]],
  locales: {
    '/': {
      lang: 'zh-CN',
      title: 'ui-design'
    }
  },
  lang: 'zh-CN',
  themeConfig: {
    locales: {
      '/': {
        navbar: navbar.zh,
        sidebar: sidebar.zh
      }
    }
  },
  bundlerConfig: {
    viteOptions: {
      plugins: [vueJsx()],
      resolve: {
        alias: {
          'ui-design': resolve(__dirname, '../../packages/ui/src/index.ts')
        }
      }
    }
  }
})