webpack-vue-boilerplate

Simple boilerplate for building Vue app with Webpack.

---

Install

# Clone repository from GitHub to <directory>
$ git clone https://github.com/oliverfindl/webpack-vue-boilerplate <directory>

# Switch to <directory>
$ cd <directory>

# Install all dependencies
$ npm install

# [optional] Check and update all dependencies
$ npm outdated
$ npm update

Usage

# 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

.                                   # 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