Webpack url loader как всегда обрабатывать картинки?

Question

[lavezzi1]

Есть сборка с настроенным лоадером.

{
            test: /\.(png|jpg|gif|svg)$/,
            loader: 'url',
            query: {
                limit: 1000,
                name: '[name].[ext]?[hash:7]'
            }

Сейчас работает так - если картинка используется в шаблонах, то картинка попадает в сборку, если нет то соответсвенно и в сборке нет. Как сделать так, чтобы она всегда попадала в сборку?

Comments

[Максим]

Не совсем понятен ваш случай: если нет картинки в коде, то зачем она вам?

[lavezzi1]

Максим: Нужно в json указать картинку, но через json она не рекуайрится.

Answer 1

[Роман]

всегда - никак, в этом и смысл: если картинка не используется в коде (нет ни одного вызова require('path/to/image') )то в bundle она не попадет. Добавление запроса на картинку соответсвенно поместит ее в bundle. Simple as that.
Зачем там картинка которая в актуальном коде не нужна ни разу - отдельный вопрос конечно :)

Comments

[lavezzi1]

Нужно в json указать картинку, но через json она не рекуайрится.

[Роман]

Потому что json - не исполняемый код. Нужен вызов require() или url() в css. Import from in es6 тоже подойдет.