Comments (8)
这个还是支持下比较好,不然太不灵活了
from grunt-css-sprite.
赞
from grunt-css-sprite.
这个问题,是不是可以这么解决:在最初开发页面的时候,就按不同的css分好需要拼在同一张大雪碧图里,然后分开多个子任务自动合并。
比如:
把a1.png, a2.png, a3.png放在images/a目录下
把b1.png, b2.png, b3.png放在images/b目录下
这个步骤其实没必要,只不过在人工看代码的时候,会清晰一些,一看就知道哪个目录下是会拼在同一个雪碧图中的
然后Gruntfile.js:
//省略初始化等代码
//其他任务
sprite:{
a:{
//其他配置
imagepath:'images/a/**/*.png',
spritedest:'dist/images/a.sprite.png',
src:'css/a/**.*.css',
dest:'dist/css/a.sprite.css'
},
b:{
//其他配置
imagepath:'images/b/**/*.png',
spritedest:'dist/images/b.sprite.png',
src:'css/b/**.*.css',
dest:'dist/css/b.sprite.css'
}
}
//其他任务,比如将a.sprite.css和b.sprite.css合并+压缩
from grunt-css-sprite.
@stoneChen 你这种方法只不过是另辟蹊径,没有根本的解决问题!
from grunt-css-sprite.
我本地已扩展了一个imgName
from grunt-css-sprite.
为何在本地无法产出雪碧图,而css可以产出,配置如下:
sprite: {
autoSprite: {
imagepath: 'images/slice/.png',
spritedest: 'assets/dist/images/button.sprite.png',
src:'static/css/.css',
dest:'assets/dist/css/button.sprite.css'
}
}
不知道有什么问题,指教。
from grunt-css-sprite.
没问题,下次再搞吧
from grunt-css-sprite.
同问,如果改图片输出名字
from grunt-css-sprite.
Related Issues (20)
- 請問如何配置才能正確用到background-size去做高清圖雪碧圖 HOT 1
- 时间戳可以考虑交给别的插件做,做精巧的雪碧图零件 HOT 1
- 我怎么安装不成功呢 HOT 1
- 安装老是报这个错误 HOT 1
- 当使用background-size的时候会有BUG HOT 1
- url用绝对路径的写法无法比配 HOT 1
- gulp版本 HOT 2
- Spritesmith 更新到 1.0 版本 HOT 1
- 优化合并 retinae 图像的逻辑 HOT 5
- 如何避免不必要的背景图片? HOT 5
- 使用雪碧图自动化工具,是不是要求构建前的图片背景不得设置background-position? HOT 3
- 怎么不支持less HOT 2
- 可否支持指定单位
- 本地无法产出雪碧图 HOT 3
- 输不出图片,只输出CSS HOT 10
- 生成的雪碧图为32位 HOT 1
- 如果能支持 手机端 根据所使用的rem 自动缩放就完美了
- 输出的css里能否带每张图片的尺寸
- photoshop中选择交错方式保存的png图片,无法正常生成雪碧图
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from grunt-css-sprite.