Workspace Setup

Gulp

it introduces? (what does this introduce into this thing of mine)

gulp task source of truth linting configured and ready to go (js and ts) test ready out of the gate, using jest typescript ready out the gate

Warning

 Usually this happens when watchman isn't running. Create an empty `.watchmanconfig` file in your project's root folder or initialize a git or hg repository in your project.
  Error: Watchman error: query failed: synchronization failed: No such file or directory. Make sure watchman is running for this project. See https://facebook.github.io/watchman/docs/troubleshooting.html.

Install

Visual Studio Code Plugs

To make code pretty: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

To see ESLint errors in VSC: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

Quick Start

git clone https://github.com/isaacmeals/build-setup
npm i
npm run build

npm i live-server -g
live-server public

Implementation

The following can be added to the package.json file. Ex:

"scripts": {
    "build": "gulp removeLastBuild && gulp tsc && gulp babel && gulp moveFilesToDistFolder && gulp transpileSass && gulp bundleCss && gulp bundleJs && gulp minifyJs && gulp minifyCss && gulp publicFolder && gulp serviceWorkers"
}

Gulp Tasks

gulp default

gulp removeLastBuild

gulp tsc

gulp babel

gulp moveFilesToDistFolder

gulp transpileSass

gulp bundleCss

gulp bundleJs

gulp minifyJs

gulp publicFolder

gulp serviceWorkers