Как анализировать файлы .webp с Webpack из исходных HTML-тегов Pictute? - PullRequest
Новая
       11

Как анализировать файлы .webp с Webpack из исходных HTML-тегов Pictute?

0 голосов
/ 11 декабря 2018

Я использую это webpack.config.js: 

module.exports = {
    // ...
    module: {
        rules: [
            {
              test: /\.(jpg|png|gif|ico|svg|webp)$/,
              use: [{
                loader: 'file-loader',
                options: {
                  name: '[name].[ext]',
                  publicPath: '/img/',
                  outputPath: 'img/'
                }
              }]
            },
        ],
        // ...
    },
    // ...
};

И у меня есть этот HTML код: 

<picture>
    <source type="image/webp" srcset="img/logo.webp">
    <source type="image/jpeg" srcset="img/logo.jpg">
    <img src="img/logo.jpg" alt="..." title="...">
</picture>

Теперь файл logo.jpg анализируется на основе img, но параметр srcset тега source игнорируется.

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

1 Ответ

0 голосов
/ 11 декабря 2018

Я нашел не работающее решение для html-loader, чтобы использовать настройку атрибута.Также проверил html-srcset-loader и некоторые другие загрузчики, но ничего не получалось.

Я только что обманул веб-пакет с помощью файла JavaScript: 

import webplogo from './img/logo.webp';

Это ничего не делаетс изображением, но веб-пакет проанализирует и скопирует файл в целевой каталог.

Не хорошее решение, но работает.

...