欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue?cli3配置image-webpack-loader方式

 更新時(shí)間：2022年07月29日 11:49:58   作者：蘿卜砸大坑  
這篇文章主要介紹了vue?cli3配置image-webpack-loader方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

vue cli3配置image-webpack-loader

vue cli3配置image-webpack-loader對(duì)圖片進(jìn)行壓縮優(yōu)化

安裝

npm install image-webpack-loader --save-dev

配置vue.config.js

chainWebpack: config => {
? ? config.plugins.delete('prefetch')
? ? config.plugin('provide').use(webpack.ProvidePlugin, [{
? ? ? $: 'jquery',
? ? ? jquery: 'jquery',
? ? ? jQuery: 'jquery',
? ? ? 'window.jQuery': 'jquery'
? ? }])
? ? config.module.rule('images')
? ? ? .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
? ? ? .use('image-webpack-loader')
? ? ? .loader('image-webpack-loader')
? ? ? .options({ bypassOnDebug: true })
? }

重啟項(xiàng)目打包 ok

使用image-webpack-loader壓縮圖片報(bào)錯(cuò)

安裝：請(qǐng)一定使用淘寶鏡像cnpm安裝，否則安裝的包是不完整的

如果之前使用了npm安裝，請(qǐng)先卸載再重新安裝

$ cnpm install image-webpack-loader --save-dev

配置：vue.config.js

chainWebpack: config => {
        const imagesRule = config.module.rule('images')
        imagesRule
            .use('image-webpack-loader')
            .loader('image-webpack-loader')
            .options({
                bypassOnDebug: true
            })
            .end()
    },

報(bào)了莫名其妙的錯(cuò)：

Error: ‘[項(xiàng)目目錄]\node_modules\pngquant-bin\vendor\pngquant.exe’ ????????????????????????е????

解決方法：

卸載了再重新安裝image-webpack-loader

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論