/web-development

Primary LanguageJavaScript

web-development

Minimal Webpack setup for React project with Typescript, Sass, Babel and Material UI.

Hightlights:

  1. From Scratch, contrary to create-react-app

  2. Automatical html tag injection with hashed file name. (etc. <link href="styles.[contenthash].css" />, <script ...)

  3. Pipelined processing of Sass, ts, tsx files with Babel

  4. Seperate Webpack configuration for development and production

Typical npm setup steps

cd $work_dir
npm install
npm start (for development)
npm build (for production)