Как загрузить неиспользуемые картинки в Webpack?

Question

[Roman Chasovitin]

Недавно начал использовать Webpack. Сейчас делаю фронт для проекта на Django с использованием Django Templates и пр. Есть проблема с Webpack - использую вот такое правило для переноса картинок:

{
        test: /\.(jpg|png|svg)$/,
        loader: 'file-loader',
        options: {
          name: 'img/[name].[ext]'
        }
      }

Но проблема в том, что он переносит только те картинки, которые юзаются в css файлах. То, что использует html - он не переносит. Вопрос: как перенести все картинки в папку dst?

Answer 1

[fu11buster]

Используйте Copy webpack plugin

const CopyWebpackPlugin = require('copy-webpack-plugin');
...
plugins: [
new CopyWebpackPlugin([
      { from: './src/img/', to: './img/' }
    ],
      {
        debug: true,
        ignore: [ '*.js', '*.css', '*.scss' ]
      }),
...
]