Overview:

This product is a Webpack boilerplate with SASS (SCSS), HTML modules, and Babel. It provides an easy way to start a project by handling the webpack configuration and providing a set of pre-installed features and plugins. It allows for quick installation and getting started with development.

Features:

Easy to start: Simply run yarn install + yarn start or npm install + npm start to get started.
Custom HTML Modules plugin: Allows for modularization of HTML files, making it easier to manage and reuse components.
HTML hot reload (Livereload): Automatically reloads the page when changes are made to HTML files.
SCSS (SASS): Uses SCSS syntax for styling, allowing for more advanced and modular stylesheets.
jQuery already installed: Comes pre-installed with jQuery library for easy integration.
Babel: Includes Babel, allowing for the use of ES6 and ES7 features, as well as class syntax and class properties.
Autoprefixer: Automatically adds vendor prefixes to CSS properties to ensure cross-browser compatibility.
Minifier: Minifies CSS and JS files for optimized production builds.
PostCSS: Includes PostCSS plugin for additional CSS processing options.
Eslint (airbnb-base config): Uses Eslint with the airbnb-base configuration for code linting.
Eslinting on the fly (while dev): Lints code on the fly during development to catch and fix errors early on.
Pretty console output (Friendly errors webpack plugin): Provides a more user-friendly output in the console during development, making it easier to identify and fix errors.
Adding libraries to JS: Provides instructions on how to add external libraries to the project using npm or yarn package managers.

Summary:

This Webpack boilerplate provides a convenient starting point for web development projects. With pre-configured features such as SASS, HTML modules, Babel, and more, developers can quickly set up their development environment without worrying about webpack configuration. It also includes useful plugins like HTML hot reload, Eslint, and a friendly errors webpack plugin for improved development experience. Additionally, it provides instructions on how to add external libraries to the project. Overall, it aims to streamline the development process and enhance productivity.

Izica

Gulp Sass Livereload Boilerplate

Html Sass Babel Webpack Boilerplate

React Mobx Router Boilerplate