Был ли опыт сборки своих пакетов в Webpack

Да, был опыт настройки Webpack для сборки проектов. Основные моменты:

1. Конфигурация через webpack.config.js:

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
}

2. Часто используемые лоадеры:

• babel-loader для транспиляции JS
• css-loader + style-loader для стилей
• file-loader для обработки изображений

3. Плагины:

• HtmlWebpackPlugin для генерации HTML
• MiniCssExtractPlugin для выноса CSS в отдельные файлы
• CleanWebpackPlugin для очистки папки сборки

4. Оптимизации:

• Разделение кода (code splitting)
• Настройка production-режима
• Минификация и tree shaking

Пример сборки библиотеки:

output: {
  library: 'MyLibrary',
  libraryTarget: 'umd'
}