zoukankan      html  css  js  c++  java
  • vue脚手架配置插件image-webpack-loader 图片压缩

    vue脚手架配置插件image-webpack-loader 图片压缩

    我遇到的问题

    • 前言:由于没仔细看文档,被坑的挺惨的,网上有很多关于此插件的资料但大多数是粘贴复制的

      • 关于此插件要和file-loader结合使用,不用担心vue使用的url-loader插件里面内置了file-loader,所以你不需要另外安装file-loader插件

      • 关于配置方面我在下面代码中标了出来

      • 直接使用npm官方镜像源安装此插件造成了一些依赖项没能成功安装,所以使用了淘宝镜像源

    • 代码

    module.exports = {
      chainWebpack: config => {
        config.module
          .rule('min-image')
          .test(/.(png|jpe?g|gif)(?.*)?$/)
          .use('image-webpack-loader')
          .loader('image-webpack-loader')
          .options({ disable: process.env.NODE_ENV == 'development' ? true : false })//此处为ture的时候不会启用压缩处理,目的是为了开发模式下调试速度更快,网上错误示例直接写为disable:true,如果不去查看文档肯定是要被坑的
          .end()
      }
    }
    
    
  • 相关阅读:
    MySQL第七课
    MySQL第六课
    mysql第五课
    MySQL第四课
    MySQL第三课
    MYSQL第一课
    MYSQL第二课
    char、vchar、nvarchar 的区别
    SSRS Reporting Service安装与部署
    存储过程用法
  • 原文地址:https://www.cnblogs.com/shiazhen/p/14133495.html
Copyright © 2011-2022 走看看