Overview
Intecmedia Webpack Boilerplate is an internal standard/template for website development by Intecmedia. The goal of the template is to minimize configuration and maximize automation in the build process while protecting against errors. Feedback and suggestions are welcome through the Issues or Pull requests sections.
Features
- Webpack 5
- Bootstrap 5
- Babel and babel-preset-env
- TypeScript through babel-preset-typescript
- Linter with autofix: Airbnb JavaScript Style Guide (translation)
- Template engine: Nunjucks for HTML build
- SCSS, autoprefixer, PostCSS: autoprefixer, cssnano
- Basic WYSIWYG typography for text, forms, tables, lists, headings: wysiwyg.scss
- Image resizing with Sharp
- Multiple linters: eslint, html-validate, stylelint with code autofix
- Imagemin for image compression: SVG, PNG, JPEG, GIF
- Generation of multiple app icons and manifest.json
- Active use of WebP image format
Installation
- Make sure you have Node.js (version >= 16.0.0) installed, along with Chocolatey.
- Update NPM to version 8.3.0 or higher using the command
npm install -g npm. - Install Python (version >= 2.7) and pip, which will automatically be installed with Chocolatey.
- If you are on Windows, install any bash emulator: Git Bash, MinGW, or Cygwin.
- Note: Yarn and PnPM are not allowed. The scripts are designed only for NPM.
Summary
Intecmedia Webpack Boilerplate is a comprehensive template for website development that aims to simplify the build process and automate tasks. It includes features such as Webpack, Bootstrap, Babel, TypeScript, image resizing, multiple linters, and more. The installation process requires Node.js, NPM, Python, and a bash emulator for Windows users. By utilizing this boilerplate, developers can benefit from a streamlined workflow and efficient error handling.
