Webpack, копирующий изображения с атрибутом srcset <picture> - PullRequest
Новая
       3

Webpack, копирующий изображения с атрибутом srcset <picture>

0 голосов
/ 04 августа 2020

Я использую webpack с html -загрузчиком и файловым загрузчиком, при производстве изображения копируются правильно, но поскольку я использую картинку для загрузки как изображений webp, так и jpg, загружается только jpg

вот моя конфигурация 

const html = {
  test: /\.(html)$/,
  use: [
    {
      loader: 'html-loader',
      options: {
        interpolate: true,
        attrs: ['img:src', 'source:srcset'],
      },
    },
  ],
};

Я добавил эти атрибуты: ['img: sr c', 'source: srcset'], но это дает мне ошибку при сборке 

const imageLoader = {
  loader: 'image-webpack-loader',
  options: {
    bypassOnDebug: true,
    gifsicle: {
      interlaced: false,
    },
    optipng: {
      optimizationLevel: 7,
    },
    pngquant: {
      quality: '65-90',
      speed: 4,
    },
    mozjpeg: {
      progressive: true,
    },
    webp: {
      quality: 75,
    },
  },
};

. 

const images = {
  test: /\.(gif|png|jpe?g|svg}webp)$/i,
  exclude: /fonts/,
  use: [
    'file-loader?name=images/[name].[hash].[ext]',
    config.env === 'production' ? imageLoader : null,
  ].filter(Boolean),
};
...