Skip to content

A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

Notifications You must be signed in to change notification settings

axhello/webpack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

vue-webpack-boilerplate

This is a project template for Khaos, a simple project scaffolder.

Usage

npm install -g khaos
khaos create vuejs/webpack-boilerplate my-project
# answer prompts...
cd my-project
npm install
npm run dev

What's Included

  • npm run dev: Webpack + vue-loader with hot-reload development setup.

  • npm run build: Production ready build with minification and CSS extraction.

  • npm run test: Unit tests in PhantomJS with Karma + karma-webpack, supporting all webpack loaders and ES2015.

Customizations

You will likely need to do some tuning to suit your own needs:

  • Install additional libraries that you need, e.g. vue-router, vue-resource, vuex, etc...

  • Use your preferred .eslintrc config;

  • Add your preferred CSS pre-processor, for example:

    npm install less-loader --save-dev
  • In build/webpack.base.conf.js, add devServer.proxy field to work with an existing backend server. See docs for webpack dev server proxy.

Fork It And Make Your Own

You can fork this repo to create your own boilerplate, and use it with Khaos:

khaos create username/repo my-project

About

A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 86.7%
  • Vue 11.3%
  • HTML 1.1%
  • Shell 0.9%