雪碧图图片处理问题

首页课程实战体系课手记专栏慕课教程

雪碧图图片处理问题

来源：4-2 文件处理（2）- 图片处理 - 压缩图片、自动合成雪碧图sprite、retina处理

kumayato

2018-09-29

我的src的目录结构如下：
图片描述
希望postcss-sprites在处理的时候，只把sprites下的四张图片合成一张雪碧图，其余的图片不经过处理，处理结束后，dist下面的目录结构和src下面是保持一致的，就是sprites下面是一张合成的雪碧图，elephant.png还是在imgs文件夹的下面。
图片描述

url-loader和postcss-sprites该如何设置呢？

写回答

1回答

qbaty

qbaty

2018-11-28

主要是你的test 要设为'sprites/' ,其他的可以按照课程的说明来设置

0

0

四大维度解锁Webpack3.0前端工程化

前端开发标配，灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

相似问题

css 中图片的路径问题

回答 1

生成雪碧图的时候报错

回答 1

在处理静态资源时，如果是js中的图片如何处理呢？比如在vue文件中的script部分中引用了图片的url，这时该如何定位处理？

回答 1

图片压缩的时候，如果图片是jpg格式的图片，用img-loader会报错

回答 2

请问vue中如何使用postcss-sprites合成雪碧图？

回答 1

打开慕课网App查看更多内容