webpack-example

Videos

• webpack 5 Full Project Setup
• React TypeScript webpack - Setup from Scratch
• Understanding the Complexity of Modern Web Dev Stack

TODOs

• webpack
• Babel
• browserslist
• Jest
• ESLint
• stylelint
• markdownlint
• Prettier
• lint-staged
• Husky
• Routing
• ⭐️ Importing modules from inside node_modules
• Pre-commit hook is a wrong idea
• Type-check webpack.config.js and .eslintrc.js

Configurations

• Use webpack with Babel (via babel-loader)
• Use webpack with TypeScript (via Babel and babel-loader / ts-loader)
• Babel + React + JSX (via @babel/preset-react)
• Babel + TypeScript (via @babel/preset-typescript)
• Use ESLint with TypeScript and Airbnb (via @typescript-eslint/{parser,eslint-plugin})
• Use Jest with TypeScript (via Babel and builtin babel-jest transformer)
• Use Jest with TypeScript + React ()