/webpack-bratislava-27-10-2017

"Webpack - The Good Parts" at ReactiveConf 2017

Primary LanguageJavaScript

Webpack - The Good Parts

Pro Tips

  • npm run build -- --output-pathinfo
  • use: ['style-loader', 'css-loader'] === styleLoader(cssLoader(input))

Goals

  • New to webpack, wants to understand how it works -> Understand basic ideas
  • Basic understanding of webpack -> Understand more
  • In-depth knowledge
  • How to migrate to webpack and use it in existing applications
  • How to reduce bundle size and reduce build time
  • Understanding configuration
  • Best practices for production
  • Webpack internals
import foo from 'foo';
const config = {
  resolve: {
    alias: {
      foo: path.join(__dirname, 'foo')
    },
    extensions: [ ... ], // .jsx
    modules: [
      path.join(__dirname, 'custom'),
      ... node_modules
    ],
  },
};