У меня есть папка с общими стилями и папки с компонентами.
Сейчас вообще все стили из всех папок собираются в common.css, я хочу разбить его на 2 файла: стили компонентов и общие стили (body, h1, etc).
При этом js файл должен быть один.
Такая структура нужна для редизайна.

Хорошо, буду копать в эту сторону

У меня вот так webpack все собирает

Удобнее чем на gulp вышло

Так и есть

Да

На скрине только src папка

Рассказывайте
Аж интересно стало

Мне сейчас некогда расписывать но к счастью если интересно можно воспользоваться Гуглом и прочитать одну из из множества статей, посмотреть один из множества видосов

https://www.google.com/search?q=gulp+webpack&oq=gulp+webpack&aqs=chrome..69i57j0l4.4917j0j4&client=ms-android-xiaomi-rev2&sourceid=chrome-mobile&ie=UTF-8#scso=_easvX-u8Lsv3kwXk9ayICA9:0.5

Всем привет, кто-нибудь использовал vue-svg-sprite-loader? Вроде всё правильно делаю, но почему-то ошибка вылезает

Погуглили?

Пока тяжело вебпак заходит, погуглил, но ничего не нагуглил))

Совсем ничего?

А может возникнуть рекурсия, которую circular-dependency-plugin отловить не сможет?

Почему SplitChunksPlugin не разделяет билд, когда я подключаю из node_modules .scss , если просто .css то все ок.

cacheGroups: {
     // js: {
     //   test: /[\\/]node_modules[\\/].+\.js$/,
     //   name: 'vendors',
     //   chunks: 'all',
     // },
     styles: {
       test: /[\\/]node_modules[\\/].+\.s?[ac]ss$/,
       name: 'vendors',
       chunks: 'all',
     },
   }
...

rules: [
         {
           test: /\.s[ac]ss$/,
           use: [
             MiniCssExtractPlugin.loader,
             'css-loader',
             'sass-loader',
           ],
       }

https://pastebin.com/S5y89gTs

Entry module not found./src