Ответ
На работе чаще всего использую Webpack, но иногда Vite для более быстрой разработки.
Webpack config включает:
- Babel для транспиляции JS/TS
- SCSS/LESS обработку
- Оптимизацию (минификацию, tree-shaking)
- Code splitting
- Настройку dev-server с HMR
Пример минимального конфига:
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
module: {
rules: [
{
test: /.js$/,
exclude: /node_modules/,
use: 'babel-loader',
},
],
},
};
Для Vite конфиг проще и работает быстрее из коробки.