Что такое webpack-merge и в каких случаях его используют?
Этот вопрос проверяет понимание подхода к управлению несколькими конфигурациями Webpack
Короткий ответ
webpack-merge — это библиотека, которая позволяет объединять несколько конфигураций Webpack в одну. Её используют для создания отдельных конфигураций для разработки, продакшена или других целей, чтобы избежать дублирования кода.
Длинный ответ
В проектах часто требуется разделять конфигурацию Webpack на несколько частей, например, общую (base), для разработки (development) и для продакшена (production). Библиотека webpack-merge помогает объединить эти конфигурации, сохраняя код более организованным.
Пример:
// webpack.common.js
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: __dirname + '/dist',
},
};
// webpack.dev.js
const { merge } = require('webpack-merge');
const common = require('./webpack.common.js');
module.exports = merge(common, {
mode: 'development',
devtool: 'inline-source-map',
});
// webpack.prod.js
const { merge } = require('webpack-merge');
const common = require('./webpack.common.js');
module.exports = merge(common, {
mode: 'production',
});Это позволяет гибко настраивать сборку под разные сценарии, избегая повторения общей конфигурации.