Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 01.05.2020, 19:55
Аватар для fire888
Интересующийся
Отправить личное сообщение для fire888 Посмотреть профиль Найти все сообщения от fire888
 
Регистрация: 06.02.2016
Сообщений: 11

конвертация в webp
В папке дист почему-то создаются 2 файла: image.png и image.webp вместо одного image.webp
Приложение юзает почему-то image.png

Что не так кто знает? Как на сборке получить результат чтобы использовался формат webp?

Конфиг вебпака:
const webpack = require('webpack')
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin')
const ImageminWebpWebpackPlugin = require("imagemin-webp-webpack-plugin");

module.exports = ()  => {
    return ({
        entry: './src/index.js',
        module: {
            rules: [ {
                    test: /\.(png|jp(e*)g|svg)$/,
                    use: [{
                        loader: 'url-loader',
                        options: {
                            limit: 8000, // Convert images < 8kb to base64 strings
                            name: 'images/[hash]-[name].[ext]'
                        }
                    }]
                },]
        },
        plugins: [
            new HtmlWebpackPlugin({template: pathToTemplates + 'templates/index.html'}),
            new ImageminWebpWebpackPlugin({
                config: [{
                    test: /\.(jpe?g|png)/,
                    options: {
                        quality:  75
                    }
                }],
                overrideExtension: true,
                detailedLogs: false,
                silent: false,
                strict: true
            }),
        ],
        output: {
            path: path.resolve(__dirname, 'dist'),
            filename: 'app.bundle.js'
        },
    })
}


Помогите плиз!!!
Ответить с цитированием
  #2 (permalink)  
Старый 01.05.2020, 21:25
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,196

2 файла создаются потому, что первый (.png) переносится url-loader'ом, второй - ImageminWebpWebpackPlugin плагином.
По поводу того как использовать сгенерированную webp картинку: автор плагина в своем примере в файлах сразу ссылается на нужное расширение https://github.com/iampava/imagemin-...index.html#L13
То есть можно использовать такой же вариант (но нужен fallback на случай не поддержки webp браузером).
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Конвертация времени c moment в сlass dima85 Элементы интерфейса 1 10.06.2019 12:20
конвертация image в base64 seltrix Javascript под браузер 5 31.01.2019 07:45
Конвертация Bb-code в html Бобр Общие вопросы Javascript 5 08.12.2014 07:33
Загрузка swf (Конвертация в код?) Maxfashko Общие вопросы Javascript 2 18.10.2014 18:22
Конвертация времени. wUI Общие вопросы Javascript 4 17.01.2013 10:24