/webpack-talk

Example code for the talk on Webpack

Primary LanguageJavaScript

webpack-talk

Example code for the talk on Webpack.

Slides

Topics Covered

  • A simple project with webpack.config.js
  • Stamping builds with a hash in filename
  • JS/JSX transpilation via babel
  • Adding index.html via HtmlWebpackPlugin
  • Add CSS support
  • Loading images with file-loader
  • Aliasing module names for shorter imports
  • Code splitting with vendor entry + CommonsChunkPlugin
  • Using DefinePlugin to introduce env vars
  • Using ProvidePlugin for supplying modules for free vars
  • Lazy loading components
  • historyApiFallback with react-router-dom
  • React HMR with react-hot-loader
  • Dev and Prod configurations using webpack-merge
  • Adding Unit testing with Karma/Mocha/Chai/Sinon