Webpack copyFiles дублирует файлы из подкаталога в главный каталог

Question

У меня есть каталог для изображений следующим образом:

В подкаталоге иконок у меня есть SVG для организации структуры.

В веб-пакете я указываю следующее:

.copyFiles({
     from: './assets/images',
     to: '[path][name].[hash:8].[ext]',
     context: './assets'
})

В сборке происходит следующее:

Что здесь происходит копирование всех значков в каталоге и копирование их непосредственно в каталог изображений, а также копирование каталога значков. Это делает это дважды. Есть ли причина, почему это происходит? Как я могу убедиться, что он не копирует содержимое дважды в веб-пакете?

Answer 1

Попробуйте следующую конфигурацию для изображений, которые я долго выполняю в проекте:

  {
    test: /\.(png|svg|jpe?g|gif|webp)$/,
    use: [ 
      {
          loader: 'file-loader',
          options: {
          name: '../img/[name].[ext]'
        }
      }
    ]
  },

копирует изображения в папку ./img/

Answer 2

Что вы используете для копирования файлов?

Используйте copy-webpack-plugin и укажите globs в ваших путях. Взгляните на это как реальный рабочий пример

В вашем случае вы бы использовали глобус вроде ./assets/images/**/* для источника, и он должен работать как положено.