Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

望支持图片文件名 #26

Closed
xuexb opened this issue Feb 26, 2015 · 8 comments
Closed

望支持图片文件名 #26

xuexb opened this issue Feb 26, 2015 · 8 comments

Comments

@xuexb
Copy link

xuexb commented Feb 26, 2015

有的场景下不希望所有的sprite图放一块的,比如icon标放一块,其他放一块。。。而现在是以css名的话就不能了,如果开启newsprite的话每次都是新的,还得手动删除旧的额。。。

@bodyno
Copy link

bodyno commented May 13, 2015

这个还是支持下比较好,不然太不灵活了

@xuexb
Copy link
Author

xuexb commented May 13, 2015

@stoneChen
Copy link

这个问题,是不是可以这么解决:在最初开发页面的时候,就按不同的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合并+压缩

@bodyno
Copy link

bodyno commented Jul 10, 2015

@stoneChen 你这种方法只不过是另辟蹊径,没有根本的解决问题!

@xuexb
Copy link
Author

xuexb commented Jul 11, 2015

我本地已扩展了一个imgName

@ar-insect
Copy link

为何在本地无法产出雪碧图,而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'
}
}

不知道有什么问题,指教。

@bodyno
Copy link

bodyno commented Aug 10, 2015

没问题,下次再搞吧

@cymmint
Copy link

cymmint commented Apr 6, 2017

同问,如果改图片输出名字

@xuexb xuexb closed this as completed Oct 12, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants