# vite-vue2

**Repository Path**: DevSpeed/vite-vue2

## Basic Information

- **Project Name**: vite-vue2
- **Description**: vite-vue2 干净整洁的  vite-vue2  nmd 库开发模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-03-15
- **Last Updated**: 2024-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vite-vue2

#### 介绍
vite-vue2 干净整洁的  vite-vue2  nmd 库开发模板

#### 软件架构
软件架构说明


#### 安装教程

`npm i`

#### 使用说明

演示模式 （example）
```npm run dev```

文档模式 （doc）
```npm run doc```


打包演示
```npm run build:dev```

打包文档
```npm run build:doc```

打包库
```npm run build:lib```


#### 库名及包名引用修改

/package.json

> 根据需要自行修改

```
  "main": "./libs/CustomDesigner.umd.js",
  "module": "./libs/CustomDesigner.umd.js",
  "exports": {
    ".": {
      "import": "./libs/CustomDesigner.umd.js"
    },
    "./lib/style.css": "./libs/style.css"
  },

```

/vite.libs.config.js

> 根据需要自行修改

```
  build: {
    assetsInlineLimit: 2048,
    outDir: './lib/',
    sourcemap: false,
    rollupOptions: {
      external: ['vue'],
    },
    lib: {
      entry: resolve(__dirname, 'src/index.js'),
      name: 'CustomDesigner',
      formats: ['es', 'umd'],
      fileName: (format) => `CustomDesigner.${format}.js`
    },
  },
```