Добрый день! Подскажите пожалуйста, есть ли какой-то определенный подход при сборке dist для публикуемого пакета, который использует внешние зависимости.

Например в пакете используется lodash. Мы собрали бандл, туда попал lodash, мы опубликовали пакет и его кто-то использует в своем проекте. В таком случае может происходить дублирование кода, если в проекте также используется lodash. Есть ли решение данной проблемой ? Аналогичный вопрос для css библиотек.

нашел ответ на свой вопрос, если кому-то будет полезно
https://webpack.js.org/configuration/externals/

спасибо, тоже интересно было

я пользуюсь https://www.npmjs.com/package/webpack-node-externals

Имею конфиг и когда делаю production - собирается версия минифициронная и с const и деструктуризацией - с какого?

минификация могу понять что mode: ‘production’

а откуда с presets: [require.resolve('babel-preset-react-app’)], есть const {} =

причем в development - все преобразуется

Спасибо, сейчас изучу

browserlist возможно так настроен

include: relativeToPlugin('.'),

сделал через path.resolve(__dirname, relPath)

и все ок стало

но странно что разница проявляется в режимах

Ребята, подскажите, пожалуйста, как мне получить вместо style.js -> style.css после сборки. Как сделать так, чтобы вебпак не заварачивал css в js

ExtractTextPlugin

или типа того

Спасибо

Вроде на офф. сайте вебпака рекомендуют вот это:

GitHub - webpack-contrib/mini-css-extract-plugin: Lightweight CSS extraction plugin
https://github.com/webpack-contrib/mini-css-extract-plugin