Fundamental VueJs build with webpack, vue loader & hot reload
JavaScript Vue HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Basic VueJs build system with webpack, vue-loader and hot reload

This boilerplate is to help you setup a Vue build system from scratch so that you can bootstrap with the libraries you need, decouple them and customize according to your needs.

For beginners, it's better to be able to control your build and add to it rather than tweak others and run the risk or breaking it. That being said, there are some great Vue boilerplates out there you can learn from as well.

This one is just barebones, you get to add in your tests, minification et al.

Directory Structure

Before running npm install you'll see the following:

 ├── dist
 ├── index.html
 ├── package.json
 ├── src
 │   ├── app.vue
 │   └── main.js
 └── webpack.config.js

Make sure to look out for dist/build.js after running the $ webpack command.

##What's Included

  • Vue js
  • Webpack
  • Vue Loader
  • Hot Reload


$ npm install -g webpack 
$ npm install -g webpack-dev-server
$ npm install


$ webpack 
$ webpack-dev-server --inline --hot 

That's it, play around with it, make it your own by adding whatever else your project needs.