https://github.com/palashmon/learn-webpack

Learning about Webpack 3 basics using simplest case examples
https://github.com/palashmon/learn-webpack

basics learning-by-doing webpack webpack3

Last synced: about 1 month ago
JSON representation

Learning about Webpack 3 basics using simplest case examples

• Host: GitHub
• URL: https://github.com/palashmon/learn-webpack
• Owner: palashmon
• Created: 2018-01-22T14:57:57.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-04T15:26:50.000Z (over 8 years ago)
• Last Synced: 2026-01-13T06:56:44.475Z (6 months ago)
• Topics: basics, learning-by-doing, webpack, webpack3
• Language: JavaScript
• Size: 18.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# learn-webpack

[![Dependency Status](https://david-dm.org/palashmon/learn-webpack/dev-status.svg)](https://david-dm.org/palashmon/learn-webpack)

[![Languages Count](https://img.shields.io/github/languages/count/palashmon/learn-webpack.svg)](https://github.com/palashmon/learn-webpack/search?l=javascript)

[![Top Language Used](https://img.shields.io/github/languages/top/palashmon/learn-webpack.svg)](https://github.com/palashmon/learn-webpack/search?l=javascript)

 

Learning about Webpack 3 basics using simplest case examples.

* [x] Getting Started

    * Basic Setup

    * Creating a Bundle

    * Modules

    * Using a Configuration

* [x] Asset Management

    * Setup

    * Loading CSS

    * Loading Images

    * Other Assets

* [x] Output Management

    * Preparation

    * Setting up HtmlWebpackPlugin

    * Cleaning up the `/dist` folder

    * The Manifest

* [x] Development

    * Using source maps

    * Choosing a Development Tool

    * Using Watch Mode

    * Using webpack-dev-server

* [x] Hot Module Replacement

    * Enabling HMR

    * HMR with Stylesheets

* [x] Tree Shaking

    * Add a Utility

    * Minify the Output

* [x] Production

    * Setup

    * NPM Scripts

    * Minification

    * Source Mapping

* [ ] Code Splitting

    * Entry Points

    * Prevent Duplication

    * Dynamic Imports

    * Bundle Analysis

* [ ] TODO