Giter VIP home page Giter VIP logo

vue-rollup-boilerplate's Introduction

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

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 && 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

vue-rollup-boilerplate's People

Contributors

dangvanthanh avatar goriunov avatar thanhdangdg avatar tombyrer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

vue-rollup-boilerplate's Issues

Production build dont minifies js

This is very useful and simple build tool for non-SPA apps.
But production build, don't minifies js. In line 43 of rollup.config.js, you forgot to pass butternut as function, simply add () like:
config.plugins.push(butternut())

But anyway this is very helpful and useful.

Enable Vue devtools

This template is awesome! Thanks a bunch for putting it together. As I was using it, I noticed I wasn't getting the Vue devtools because it was always building for production. I think it would be helpful to modify the rollup config to do something like this:

replace({
    'process.env.NODE_ENV': production ? '"production"' : '"development"',
}),

Cheers!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.