если такое возможно

все по конфигу это грант делает, а вебпак веьма хитрая и умная штука которая очень много додумывает за вас, уж поверьте

и типо юзер гуляя по сабдоменам не качает вендоров

а только само приложение или его часть

Ребят как сделать чтобы изображения при обработке попадали в папку dist в таком же структуре как они были в папке src/img

сейчас у меня file-loader встречает в зависимостях изображения и просто вставляет их в папку dist, не создавая папку img и её структуру

а почему тебе так важно, как оно там лежит в папке dist?

но если прям сильно надо, то

name: '[path][contenthash].[ext]'

Если добавляю path он создаёт папку src и в ней уже все остальное(что нужно)

А разве это не важно? Еще не очень понимаю как это на сервере должно быть, но не думаю что только папка dist и в ней все разбросано

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

Порядок, посмотрел у Google они лежат в папке

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

ох это может и не папка вовсе быть а путь к какому-нибудь бакету в их огромной инраструктуре

а как лежат файлы в dist папке действительно не важно

Понял спасибо, но я убил 3 часа и не хотел останавливаться, и все таки решил проблему.

Ребят как в pug указывать пути для картинок?
Я указываю

 img(src=require('../../../assets/img/logo/logo.svg'))

но на выходе получаю
<img src="{&quot;default&quot;:&quot;/images/logo.svg&quot;}">

Чем сорс в паг, отличается от хтмл? Ничем. Передавай строку

Привет.
Нужно ли иметь

options: {
  sourceMap: true
}

у обоих sass-loader и css-loader? Да, нет, почему. Практическая проверка показала, что Bootstrap классы мапятся хорошо с sourceMap у одного css-loader.

Как с Bootstraр в проекте иметь

modules: {
  localIdentName: '[path][name]__[local]--[hash:base64:6]'
}

? Такая опция добавляет localIdentName к именам классов Bootstraр и они перестают применяться.

options: {
  sourceMap: true
}

modules: {
  localIdentName: '[path][name]__[local]--[hash:base64:6]'
}

2 раза создать правила для /s?css$/ файлов и во 2-е включить только 'node_modules/bootstrap'.

{
        test: /\.s?css$/,
        // https://github.com/webpack-contrib/mini-css-extract-plugin/issues/29
        exclude: /node_modules/,
        use: [
          MiniCssExtractPlugin.loader,
          {
            loader: 'css-loader',
            options: {
              sourceMap: true,
              modules: {
                localIdentName: '[path][name]__[local]--[hash:base64:6]'
              }
            }
          },
          {
            loader: 'sass-loader'
          }
        ]
      },
      {
        test: /\.s?css$/,
        include: path.resolve(__dirname, 'node_modules/bootstrap'),
        use: [
          MiniCssExtractPlugin.loader,
          {
            loader: 'css-loader',
            options: {
              sourceMap: true
            }
          },
          {
            loader: 'sass-loader'
          }
        ]
      }

SOF полезен.