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

• Rollup
• PostCSS
• ESBuild
• Prettier

Components

Atomic design components

• Atoms
• Molecules
• Organisms
• Templates
• Pages

Makefile and PNPM

$ time make build and time pnpm build

Fork It And Make Your Own

You can folk this repo to create own boilerplate.

License

MIT © Dang Van Thanh

GitHub

View Github