An enhanced webpack setup to start with. Use this to create HTML/JS/SASS applications
- Webpack 5
- Babel transpiler
- SASS & Autoprefix (PostCSS)
- Webpack bundle analyzer
- Prettier
- Commitizen to enforce conventional commit message standards
- Husky for commit linting
- Install commitizen globally
npm install -g commitizen
- Then, use
git cz
to commit changes - Commit messages must follow angular conventional commit standards
- To ensure code consistency, install
prettier
&editorconfig
extensions for your editor - Then, enable
Format on save
option in editor settings - Additionally, Prettier auto formats all files as you commit
- HTML files are served without extension
yarn dev
Starts the webpack dev server in port 8000 ( its a default port )yarn start
Runs webpack production build & Serves it using a simple http server in port 8000yarn build
Runs webpack production build.yarn analyze
Generates webpack bundle report
HOST
- Host namePORT
- Development portGENERATE_MANIFEST
- Whether to generate build manifestGENERATE_BUILD_SOURCEMAP
- Whether to generate source map in production build