# vue-webpack4-template

**Repository Path**: axiaole/vue-webpack4-template

## Basic Information

- **Project Name**: vue-webpack4-template
- **Description**: VueJs template using Webpack 4
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-31
- **Last Updated**: 2022-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-webpack4-template
VueJs template using Webpack 4

This repository is an implementation of the 'Vue.js and Webpack 4 From Scratch' article series on [itnext.io](https://itnext.io).

[![Build Status](https://travis-ci.com/dfcook/vue-webpack4-template.svg?branch=master)](https://travis-ci.com/dfcook/vue-webpack4-template)
[![codecov](https://codecov.io/gh/dfcook/vue-webpack4-template/branch/master/graph/badge.svg)](https://codecov.io/gh/dfcook/vue-webpack4-template)

[Part 1](https://itnext.io/vuejs-and-webpack-4-from-scratch-part-1-94c9c28a534a):
  - Hot Module loading with webpack-dev-server
  - Linting using eslint
  - CSS pre-processing with stylus
  - Testing using @vue/test-utils and Jest

[Part 2](https://itnext.io/vue-js-and-webpack-4-from-scratch-part-2-5038cc9deffb):
  - Stylus for adding pre-processed CSS
  - Hot Module Reloading and HTML injection
  - Babel for building our scripts

[Part 3](https://itnext.io/vue-js-and-webpack-4-from-scratch-part-3-3f68d2a3c127):
  - Static assets processing
  - ESLint for linting
  - Testing using Jest
    - _For debugging the tests, first need to open `chrome:inspect` on Google Chrome and click the Open dedicated DevTools for Node then run the command `npm run test:debug` from your console._