A simple rollup, vue-loader and esbuild setup for quick prototyping
Vue Rollup Boilerplate
A simple rollup, vue-loader and esbuild setup for quick prototyping.
Currently, this boilerplate support good for Vue 2. For Vue 3, you can try Vite
What News
- Bring <script setup> to Vue 2 using unplugin-vue2-script-setup
- Visualize and analyze your bundle with Rollup Plugin Visualizer
Installation
You can generate then use this template
Usage
PNPM
$ pnpm start
// or
$ pnpm dev
// or
$ pnpm run serve
NPM
$ npm start
// or
$ npm run dev
// or
$ npm run serve
You can view the development server at localhost:8080
Production build
$ npm run build
You can view the deploy by creating a server in dist
$ cd dist && npx serve
Features
Components
Atomic design components
- Atoms
- Molecules
- Organisms
- Templates
- Pages
Makefile and PNPM
$ time make build and time pnpm build
| user | system | cpu | total | |
|---|---|---|---|---|
| Makefile | 7.17s | 0.73s | 102% | 7.706 |
| PNPM | 7.35s | 0.69s | 102% | 7.821 |
Fork It And Make Your Own
You can folk this repo to create own boilerplate.
License
MIT © Dang Van Thanh