webpack 压缩图片

问题描述:vue正常打包之后一些图片文件很大,使打包体积很大,通过image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积。
参考,点这里
解决方法:

一定要用cnpm安装

cnpm i image-webpack-loader --save-dev 

vue.config.js

module.exports = {
     
    publicPath: process.env.NODE_ENV === "development" ? "/" : "./",
    productionSourceMap: false,
    chainWebpack: config => {
     
      config.module
        .rule("images")
        .use("image-webpack-loader")
        .loader("image-webpack-loader")
        .options({
      bypassOnDebug: true })
        .end();
    }
};

你可能感兴趣的:(vue学习)