📦 webpack Boilerplate

A webpack boilerplate using Babel, PostCSS and Sass.

Installation

Clone this repo and npm install.

npm i

Usage

Development server

npm run serve

You can view the development server at localhost:3000.

Production build

npm run build

Features

• webpack
• Babel
• Sass
• PostCSS

Dependencies

webpack

• webpack - Module and asset bundler.
• webpack-cli - Command line interface for webpack
• webpack-dev-server - Development server for webpack

Babel

• @babel/core - Transpile ES6+ to backwards compatible JavaScript
• @babel/cli - A CLI used to compile files from the command line.
• @babel/preset-env - Smart defaults for Babel

Loaders

• babel-loader - Transpile files with Babel and webpack
• sass-loader - Load SCSS and compile to CSS
  • sass - Node Sass
• postcss-loader - Process CSS with PostCSS
  • postcss-preset-env - Sensible defaults for PostCSS
• css-loader - Resolve CSS imports
• style-loader - Inject CSS into the DOM

Plugins

• mini-css-extract-plugin - Extract CSS into separate files
• autoprefixer - A PostCSS plugin which parses your CSS and adds vendor prefixes
• postcss-import - PostCSS plugin to transform @import rules by inlining content.

Author

• Shaher Ashraf