Скринкаст по Webpack

Webpack -- один из самых мощных и гибких инструментов для сборки frontend.

Вместе с тем, он достаточно сложен, а документация оставляет желать много лучшего.

Поэтому я записал этот скринкаст о том, как его использовать.

Особое внимание я постарался уделить пониманию того, как он работает, и что представляет собой сборка, поскольку без него любой нюанс влечёт долгое путешествие по форумам в поисках "рецепта". Который вполне можно сделать и самостоятельно.

Полезного просмотра!

npm i babel-loader babel-core babel-preset-env

{
  loader: 'babel-loader',
  options: {
    presets: [
      ['env', {
        targets: {
          browsers: "> 3%" // можно и указать конкретные браузеры
        }
      }]
    ]
  }
}