https://github.com/markthree/simple-vite-layer
Integrate the vue plugin of the vite community, a vite layer that looks like a framework
https://github.com/markthree/simple-vite-layer
layer simple unocss vite vite-layers vue
Last synced: 3 months ago
JSON representation
Integrate the vue plugin of the vite community, a vite layer that looks like a framework
- Host: GitHub
- URL: https://github.com/markthree/simple-vite-layer
- Owner: markthree
- License: mit
- Created: 2023-03-29T09:42:36.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-29T13:10:39.000Z (over 2 years ago)
- Last Synced: 2025-06-16T10:01:06.698Z (6 months ago)
- Topics: layer, simple, unocss, vite, vite-layers, vue
- Language: JavaScript
- Homepage:
- Size: 72.3 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# simple-vite-layer
Integrate the vue plugin of the vite community, a vite layer that looks like a
framework
power by [vite-layers](https://github.com/markthree/vite-layers)
## Integration
- [unocss](https://github.com/unocss/unocss)
- [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue)
- [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import)
- [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components)
## Playground
👉
[starter StackBlitz](https://stackblitz.com/github.com/markthree/simple-vite-layer-starter)
## Usage
### install
```shell
npm i vue simple-vite-layer vite-layers -D
```
### configuration
```ts
// vite.config.ts
import { Layers } from "vite-layers";
export default Layers({
extends: ["simple-vite-layer"],
vite: {}, // Your vite configuration
});
```
```ts
// src/main.ts
import "uno.css";
// ... other content
```
### ts
If you are using TS and there is `tsconfig.node.json`, you need to add types
```json5
{
"compilerOptions": {
"types": ["vite"] // add vite
// ...other content
}
}
```
## License
Made with [markthree](https://github.com/markthree)
Published under [MIT License](./LICENSE).