Ответ
Наиболее популярные сборщики — Webpack, Vite, Rollup и Parcel.
Webpack — мощный, гибкий, с поддержкой плагинов и лоадеров. Использую для сложных проектов:
module.exports = {
entry: './src/index.js',
output: { filename: 'bundle.js' },
module: {
rules: [{ test: /.js$/, use: 'babel-loader' }]
}
};Vite — быстрый, на ES-модулях, идеален для разработки. Конфиг лаконичный:
export default {
build: { outDir: 'dist' }
};Rollup — для библиотек (tree-shaking). Parcel — zero-config, прост в настройке. Выбор зависит от задач: скорость, гибкость или простота.
Ответ 18+ 🔞
Да ты посмотри, какие нынче инструменты для сборки фронтенда понапридумывали — целый зоопарк, блядь! Сиди и выбирай, как на базаре: этот мощный, тот быстрый, третий для библиотек. Ну, пиздец, глаза разбегаются.
Вот, например, Webpack — это ж этакий рабочий мамонт, здоровенный и всеядный. Мощный, гибкий, сука, можно настроить под любую свою поехавшую идею через плагины и лоадеры. Берёшь, когда проект сложный, как жизнь после сорока. Конфиг у него, правда, иногда такой, что волосы дыбом встают, но зато работает.
module.exports = {
entry: './src/index.js',
output: { filename: 'bundle.js' },
module: {
rules: [{ test: /.js$/, use: 'babel-loader' }]
}
};А потом вылез Vite — и всех обскакал по скорости на старте, ёпта! Такой юркий, на ES-модулях работает, для разработки — просто песня. Конфиг у него — раз плюнуть, две строчки, и всё уже летает.
export default {
build: { outDir: 'dist' }
};Rollup — это спец по библиотекам, мастер tree-shaking'а, выкидывает мёртвый код, как ненужный хлам. А Parcel — вообще безбашенный, zero-config, сука, взял и собрал, даже думать не надо. Выбор-то, в общем, от задачи зависит: хочешь скорость — Vite, нужна гибкость — Webpack, пишешь библиотеку — Rollup, а если просто по-быстрому и без заморочек — Parcel в руки и вперёд. Вот такая, блядь, современная кухня.