я юзаю react и css-modules, у меня несколько react приложений в одном и каждое обернуто в iframe. Мне нужно как-то из каждой цепочки компонентов вытащить все css в отдельные банды.
Условно говоря есть:

index.ts
render(<App1 />, root1)
render(<App2 />, root2)

app1.ts
import style from ‘./index.css’

const App1 = () => {
return <SomeComponent /> // у него свои стили
}

нужно чтобы были бандлы app1.css и app2.css

можно ли так?

optimization: {
  splitChunks: {
    cacheGroups: {
      style: {
        name: 'switcher',
        test: /Toggler\/index\.scss$/,
        chunks: 'all',
        enforce: true
      },
    }
  }
},

можно как-то такой чанк исключить из бандла? чтобы не подтягивался он

Как запретить вебпаку склеивать файлы в один, мне просто нужно чтоб он взял одну папку с .ts и скомпилировал ее в другую оставив структуру как есть ?

кажется вам нужен не вебпак а tsc

tsc, не умеет подчищать папку дист и с точкой входа какие то проблемы, он все равно все цепляет

Ну почему чтоб просто начать что то писать удобно, надо пройти столько настроек

вебпак для этого не предназначен. бери что-то типа grunt

потому что ты хочешь странного) зачем тебе конвертировать с сохранением структуры?

это ты библиотеку пишешь или для приложения нужно?

А как вебпак обрабатывает ангуляр?

непонятен контекст вопроса

Так же как любое другое приложение

Странно, укажи ему путь до конфига. А папку можно и самому почистить, npm I rimraf

библиотеку, то что в dist это на продакшен с поддержкой типизации .d.ts, а src на гитхаб кто хочет что то доработать

просто бабелем прогони и все тогда

Бан

+

Привет, ребята.
Помогите разобраться почему не работает HMR при изменениях в проекте. Изменяю sass - ничего, js - ничего, html - ничего.
Вот сборка => { https://github.com/SergeiWeb/webpack-5 }

Пробуй вот так