如何结合Gulp使用PostCss

摘要PostCSS 是使用 JS 插件来转换 CSS 的工具，支持变量，混入，未来 CSS 语法，内联图像等等。PostCSS的目标是通过自定义插件和工具这样的生态系统来改造CSS。与Sass和Less这些预编译器相同的原则，PostCSS把扩展的语法和特性转换成现代的浏览器友好的CSS。使用Gulp工具，我们可以通过构建过程转换样式，就像Sass和Less的编译。正文Po

业界 2016年07月04日

workflow

序言 如今的workflow工具有很多，grunt、gulp、webpack等。一直在用，缺很少研究其原因。之前有想法要做个集成化、定制化的workflow方案，看过这类的产品。如weflow、百度的fis、京东集成解决方案。 关键字：workflow, 集成化, weflow, gulp

业界 2016年07月02日

gulp和webpack初探

首先声明一下，gulp和webpack两者关系不大，主要是团队之前一直用grunt构建工具，这几天业务上比较清闲，老大让我学学新的gulp和webpack这些“潮流”工具，于是草草研究了一天，记一些笔记。gulp 真正“流程”化工具我记得实习刚刚进公司看到grunt，还是有点蒙，之前一直是本地开发，游览器F5，没想到前端也需要“编译工具”。所以grunt一直给我的感觉是“编

业界 2016年07月03日

使用gulp构建前端项目

一、 安装Node访问http://nodejs.org，搭建node环境二、 gulp的安装首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp：npm install -g gulp把目录切换到你的项目文件夹中：cd 在项目文件夹下创建package.json，记得加上{}，保存。（不加{}会导致安装失败。创建package.json文件亦可直接通过np

业界 2016年06月28日

Nodejs 代码中为 Gulp Webpack 等 Iterm2 窗口添加端口识别标记

缘由最近两年来经常在 Iterm2 中打开好几个窗口运行 Gulp, Webpack 等，在每个窗口布满 log 后，想找到哪个窗口是干嘛的都有些困难，更不用说这个窗口占用了哪个端口。所以得有方法标记每个窗口是哪个占用哪个端口号，在跑啥。解决方案一个 npm 包npm i set-iterm2-badge两行代码var setIterm2Badge = require('s

业界 2016年06月22日

gulp关于scss的基础配置

项目中用到的scss的配置，记录一下，谁叫咱脑袋不行呢var gulp = require('gulp');var plugins = require('gulp-load-plugins')();var del = require('del');var paths = { styles:['app/scss/ /*.scss'], outSytles:'app

职场攻略 2016年06月20日