Vue Rollup Boilerplate

A simple rollup, vue-loader and esbuild setup for quick prototyping.

Vue 2 is nearing its End Of Life. If you’re considering upgrading to Vue 3, you might want to explore the nuxt-turborepo-boilerplate or vue-turborepo-boilerplate. While this boilerplate currently provides robust support for Vue 2

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 && time pnpm build

	user	system
Makefile	2.79 secs	0.25 secs
PNPM	2.80 secs	0.22 secs

Fork It And Make Your Own

You can folk this repo to create own boilerplate.

License

MIT © Dang Van Thanh