/webpack-workshop

Webpack workshop for React applications

Primary LanguageJavaScript

webpack-workshop

Webpack workshop for React applications

  1. Basic Configuration
    1.1 Basic React
    1.2 HtmlWebpackPlugin
    1.3 Extra

  2. Loaders
    2.1 Babel + browserlistrc
    2.2 CSS + SASS + PostCSS + MiniCSSExtract
    2.3 Images and fonts
    2.4 SVG as component

  3. Linters + Dev Server
    3.1 Eslint
    3.2 Stylelint
    3.3 Dev server

  4. Sourcemaps

  5. Build
    5.1 Lazy loading
    5.2 Env file
    5.3 Passing args to Webpack config
    5.4 Minimize
    5.5 Minimizer
    5.6 Code splitting
    5.7 Hashes

  6. Extra