deming v1.1.0

Deming

Introduction

Deming contains the standardized Webpack and other configuration files I use for all my TypeScript projects, whether on the client (React + Sass) or server (Express.js, Apollo Server, etc.).

Aside: Deming works best in Visual Studio Code, especially with the CSScomb, ESLint, and Prettier plugins enabled.

Deming is named after W. Edwards Deming, a pioneer of the total quality movement and a deep lover of standardization.

Standardization does not mean that we all wear the same color and type of cloth, eat standard sandwiches, or live in standard rooms with standard furnishings. Homes of an infinite variety of design are built with a few types of bricks, and with lumber of standard sizes, and with water and heating pipes and fittings of standard dimensions. W. Edwards Deming.

Instructions

Once you run the command yarn install deming, generate the blank config files by running yarn deming generate-files.

Then, copy these scripts into your package.json

  "scripts": {
    "analyze-client": "export ANALYZE='YES'; yarn build",
    "build-client": "webpack --mode production --config webpack.production.config.js",
    "build-server": "tsc --build tsconfig.json",
    "generate-pwa-icons": "yarn pwa-asset-generator ./src/assets/logo.svg ./src/assets/manifest -t png -r",
    "proxy-client": "ngrok http https://localhost:3000 -hostname=subdomain.ngrok.io",
    "start-client": "webpack-dev-server --open --mode development --config webpack.development.config.js",
    "start": "export NODE_ENV='development'; yarn ts-node-dev src/index.ts",
    "test": "yarn jest --watch"
  },

That is it. You are done!