腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

DeveWork

https://devework.com

专栏作者

265

文章

450034

阅读量

55

订阅数

Gulp 工作流中Sass 增量编译功能的探索

大约是上一年的这个时候，因为项目合并来到了新的项目组中。虽然协作的同岗位同事也是同一个组的，但使用的Gulp 工作流却有些不一样。第一天做项目需求的时候，就遇到了一件让我瞠目结舌的事情：这里的Sass 编译一次居然要10s 以上。有用过Sass 这类CSS 预处理器都知道10s+ 意味着什么，你每保存一次.scss 文件，都必须等上10s 以上才能看到你所改动的效果。如此一来十分尴尬，因为你直接写原生的CSS 语法比这还快。让我更加惊讶的是当时的项目组相关同事已经用了这套工作流快一年了，却居然能一直默默忍

2018-01-22

1.4K0

postcss-lazysprite: 一种生成CSS 雪碧图的懒惰姿势

sass 单片机 http postcss css

postcss-lazysprite 是一个基于PostCSS 开发的用于生成雪碧图图片及其CSS 的插件，经过半年持续迭代，现已稳定用在旗下两款产品的Web 业务中。其与市面上的雪碧图插件不同在于生成雪碧图的“懒惰”姿势。前言前端界，伴随着雪碧图这个概念出现，自动化产生雪碧图这类工具就层出不穷。无论是早期GUI 工具，还是现在流行的配合Gulp/Grunt/Webpack 这类构建工具而产生的雪碧图插件。总之是百花齐放，长江后浪推前浪，后浪死在沙滩上。根据输入方式的不同，现在市面上基于Node.js

2018-01-22

1.6K0

JGulp: 利用Gulp 配置的前端项目自动化工作流

gulp sass css 打包 grunt

商业竞争时代的Web 开发，效率越来越成为其中决胜的关键因素之一。在前几年的时候，前端是一片荒芜的待开垦之地，开发者更多考虑开阔更多技术疆域；而最近几年，在前端技术这种更新迭代快到连裸奔都追不上的情况下，在强调高产的同时，效率必然是成为争夺的制高点。引子在苦苦构思了上面的开头后，从“效率”这个词Jeff 引出了今天话题——也就是标题说的前端项目自动化工作流。也许你还不全懂诸如“前端自动化”“工作流（workflow）”这些名词，不急且让我列举下面的场景：在刚刚过去的时代（恩对于很多人来说是他们正在经历

2018-01-22

1.1K0

Sass 与Compass 在WordPress 主题开发中的运用

一直以来都抱着这样的态度去做WordPress主题开发：每一次都尽量用上新接触的知识去开发WordPress（比如说开发移动主题接触移动Web 开发），我相信这才能更好地贯彻“温故而知新”。最近开发的免费博客主题Bevework 便运用了最近接触的Sass 与Compass 。这篇文章主要是小讲Sass 与Compass 在WordPress 主题开发中的运用，核心的技术Sass 自然不会提及。因此，如果你想要这篇文章对你有用的话，最好是先接触下Sass。 style.css 在根目录的问题熟悉Word

2018-01-22

2K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态