Skip to content

Simple and complete WebPack 4 boilerplate for Vue.js and TypeScript (DEPRECATED)

License

Notifications You must be signed in to change notification settings

VeryWow/webpack-vue-ts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

webpack-vue-ts (DISCONTIUED, SEE MANTHA)

A simple and complete WebPack 4 boilerplate for Vue.js and TypeScript.

Setup

Basic setup

## Clone the repo
git clone https://github.com/VeryWow/webpack-vue-ts.git
cd webpack-vue-ts

## Rename the folder

## Edit package.json

Build and test

## Dev server with hot reload
npm run dev

## Launch production build
npm run build

## Launch a build for development testing server
npm run build-dev

## Run tests
npm test

## Launch SPA-oriented static server from ./dist
npm run server

## Build & Launch a server
npm run start

## Build dev & Launch a server
npm run start-dev

Features

WebPack 4 works out of the box

  • Development server with hot reload
  • Production build with minification
  • Separated and clusterized configs in the ./config folder for easy fine-tuning
  • Builds are faster than ever

TypeScript compilation driven by ts-node

  • Evrything is typed (even the configs!)
  • Faster TS compilation times
  • Free from ts-loader bugs
  • Global import aliases in tsconfig.json (automatically parsed by webpack)

Vue.js with all the nessecities

  • Vue 2.5+
  • Vue-Router
  • Prepared store folder
  • Scss & Pug out of the box
  • A more flexible scheme than Nuxt.js
  • A prepared folder for hand-written plugins
  • Vue shorthands for process.env.NODE_ENV - $isDevelopment and $environment

About

Simple and complete WebPack 4 boilerplate for Vue.js and TypeScript (DEPRECATED)

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published