https://github.com/oliverfindl/webpack-vue-boilerplate

Simple boilerplate for building Vue app with Webpack.
https://github.com/oliverfindl/webpack-vue-boilerplate

autoprefixer boilerplate eslint javascript postcss purgecss sass stylelint svgo terser vue vue-router vuex webpack webpack-vue-bolierplate workbox

Last synced: about 2 months ago
JSON representation

Simple boilerplate for building Vue app with Webpack.

• Host: GitHub
• URL: https://github.com/oliverfindl/webpack-vue-boilerplate
• Owner: oliverfindl
• License: mit
• Created: 2018-06-02T10:30:47.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-05-16T14:02:33.000Z (about 4 years ago)
• Last Synced: 2025-02-07T08:49:04.522Z (3 months ago)
• Topics: autoprefixer, boilerplate, eslint, javascript, postcss, purgecss, sass, stylelint, svgo, terser, vue, vue-router, vuex, webpack, webpack-vue-bolierplate, workbox
• Language: JavaScript
• Homepage:
• Size: 108 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# webpack-vue-boilerplate

[![license](https://img.shields.io/github/license/oliverfindl/webpack-vue-boilerplate.svg?style=flat)][mit]

[![paypal](https://img.shields.io/badge/donate-paypal-blue.svg?colorB=0070ba&style=flat)](https://paypal.me/oliverfindl)

Simple boilerplate for building [Vue](https://github.com/vuejs/vue) app with [Webpack](https://github.com/webpack/webpack).

---

## Install

```bash

# Clone repository from GitHub to 

$ git clone https://github.com/oliverfindl/webpack-vue-boilerplate 

# Switch to 

$ cd 

# Install all dependencies

$ npm install

# [optional] Check and update all dependencies

$ npm outdated

$ npm update

```

## Usage

```bash

# Launch Webpack development server with Vue app loaded

$ npm run dev

# Build Vue app

$ npm run build

# Serve built Vue app

$ npm run serve

```

## App structure

```bash

.                                   # root

├── dist                            # directory for distributables

├── src                             # directory for source code

│   ├── assets                      # directory for assets

│   ├── components                  # directory for Vue components

│   ├── styles                      # directory for styles

│   ├── .htaccess                   # Apache HTTP server configuration file

│   ├── App.vue                     # main Vue component file

│   ├── index.html                  # main index file for Vue app

│   ├── index.scss                  # main style file for Vue app

│   ├── main.js                     # main Vue app file

│   ├── manifest.json               # manifest file for PWA

│   └── registerServiceWorker.js    # service worker registration file for PWA

├── package.json                    # npm configuration file

├── postcss.config.js               # postcss configuration file

└── webpack.config.js               # Webpack configuration file

```

---

## License

[MIT][mit]

[mit]: https://opensource.org/licenses/MIT