https://github.com/re-fort/vue-webpack-boilerplate

A webpack boilerplate with vue-loader, axios, vue-router and vuex
https://github.com/re-fort/vue-webpack-boilerplate

axios bulma es2015 karma mocha vue-loader vue-router vue-test-utils vue2 vuex webpack-boilerplate

Last synced: 3 months ago
JSON representation

A webpack boilerplate with vue-loader, axios, vue-router and vuex

• Host: GitHub
• URL: https://github.com/re-fort/vue-webpack-boilerplate
• Owner: re-fort
• License: mit
• Created: 2016-07-11T03:28:34.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-22T00:36:31.000Z (almost 7 years ago)
• Last Synced: 2024-08-02T02:16:06.658Z (6 months ago)
• Topics: axios, bulma, es2015, karma, mocha, vue-loader, vue-router, vue-test-utils, vue2, vuex, webpack-boilerplate
• Language: JavaScript
• Homepage: https://re-fort.net/vue-webpack-boilerplate/
• Size: 1.53 MB
• Stars: 51
• Watchers: 2
• Forks: 5
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![CircleCI](https://circleci.com/gh/re-fort/vue-webpack-boilerplate.svg?style=shield)](https://circleci.com/gh/re-fort/vue-webpack-boilerplate)

vue-webpack-boilerplate

======================

A Webpack boilerplate with Vue.js, vue-loader, axios, vue-router and Vuex.  

The aim of this project is:

- remove the need of manually setting up above libraries

- provide useful features that are necessary when building SPA

## Demo

https://re-fort.net/vue-webpack-boilerplate/

## What's included

### develop

- Vue(2.x.x)

- webpack(3.x.x)

- vue-loader

- axios

- vue-router

- Vuex

- Buefy(Vue components based on Bulma)

- Font Awesome

### test

- vue-test-utils

- Mocha

- Karma

- power-assert

## Features

- Practical demo

- Buefy components

- Ready to use Vue plugins (vue-router, Vuex)

- Useful tracking plugins(Google Analytics and Sentry)

- Use of webpack and vue-loader with Hot Module Replacement

- Unit Testing (with Karma + Mocha + vue-test-utils)

- Add hash to filename when production build (avoiding cache problems)

- Inject built files (with html-webpack-plugin)

- Handy NPM scripts

- CI (with Circle CI)

## Setup

```

git clone https://github.com/re-fort/vue-webpack-boilerplate

cd vue-webpack-boilerplate

npm i # or yarn install

npm run dev # or yarn run dev

# You also need to set up vue-webpack-boilerplate-api, if you run this boilerplate at local

# See: https://github.com/re-fort/vue-webpack-boilerplate-api

```

## Usage

- `npm run dev`

- `npm run build`

- `npm test`