插件名称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()
}
}
原文地址:https://www.cnblogs.com/shiazhen/p/14133495.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。