Уроки по Webpack

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

• Простой конфиг
• Внешний доступ к модулям
• Пересборка при изменениях
• Source maps
• Окружение, NODE_ENV
• Babel.JS
• Resolving
• Минификация
• Несколько точек входа
• NoErrorsPlugin
• CommonsChunkPlugin
• Информация о сборке
• Настройки CommonsChunkPlugin
• Общий код в common.js
• Мульти-компиляция
• Динамический require
• Объединение фрагментов
• require(выражение)
• require.context
• Динамический require.context
• ContextReplacementPlugin
• IgnorePlugin
• CDN и сборка: externals
• Локально: ProvidePlugin
• Оптимизация: noParse, include

Наша цель - предоставить как можно более грамотную и структурированную информацию для обучения языку javascript и смежным технологиям.