angular的silkydream项目 安装angular的generator npm install -g generator-angular 组建项目 yo angular silkydream 使用git将项目推送至github git add -A git commit -m "finsh ...
分类:
其他好文 时间:
2017-02-23 22:00:34
阅读次数:
200
0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Ru ...
分类:
其他好文 时间:
2017-02-20 11:29:23
阅读次数:
316
2017春 前端自动化(二) 页面自动刷新、sass与css转换的使用、pxToRem直观转换 引言: 此文要演示:浏览器页面自动刷新;移动端px与rem的转换,简单直观化;使用sass自动生成css进行编译,而不是借助于考拉工具; 顺便从头来一遍流程…… 建立如上图01所示的目录结构,层次明晰,便 ...
分类:
Web程序 时间:
2017-02-14 17:50:29
阅读次数:
371
gulp是一个很不错前端自动化工具,可以帮我们完成一些重复性操作,比如html、css和js代码的压缩、合并、混淆等,虽然这些操作可以通过一些在线工具帮我们实现,但不断重复地复制粘贴肯定比不上一句命令来得方便,所以编写gulp任务可以大大提高程序员的开发效率。 因为gulp依赖于node环境,所以想 ...
分类:
其他好文 时间:
2017-02-13 23:17:01
阅读次数:
259
在对Gulp有了一个初步的了解之后,我们开始构建一个较为完整的Gulp开发环境。 本文主要分为6个段落: 1. 构建项目目录结构(Directory Structure Build) 2. 插件介绍及使用方法(Tasks and dependencies) 3. 扩展优化(Extend & Opti ...
分类:
其他好文 时间:
2017-02-11 15:41:44
阅读次数:
329
很久以前,我们在"细说gulp"随笔中,以压缩JavaScript为例,详细地讲解了如何利用gulp来完成前端自动化。再来短暂回顾下,当时除了借助gulp之外,我们还利用了第三方gulp插件”gulp-uglify”,来达到压缩JavaScript文件的目的。今儿,我们的重点就是,自己也来实现一个g... ...
分类:
其他好文 时间:
2017-02-06 23:39:27
阅读次数:
223
1、安装 nodejs Grunt和所有grunt插件都是基于nodejs来运行的, https://nodejs.org/ 安装完成之后在终端 node -v 查看安装版本 npm -v 查看npm版本 选装cnpm 1.1、说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常, ...
分类:
其他好文 时间:
2017-02-06 13:25:52
阅读次数:
219
gulp在前端自动化构建中非常好用,有非常丰富的可以直接拿来使用的plugin,完成我们日常构建工作。 但是万事没有十全十美能够完全满足自己的需求,这时我们就要自己动手写一个小的函数,用于在gulp stream pipeline中执行我们想要的动作,比如我有一个需求在build后将gulp-inj ...
分类:
其他好文 时间:
2017-01-23 17:33:26
阅读次数:
179
前端工作流程自动化——Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块,简单来说是自动化任务运行器,两者都有社区及大量的插件支撑,在所有的自动化工具领域里,这两者是最好的前端自动化构建工具。 那么问题来了,Grunt和Gulp到底哪家强?在回答这个问题前,先给大家看一组 ...
分类:
其他好文 时间:
2017-01-22 17:46:28
阅读次数:
149
WebpackWebpack是时下最流行的模块打包器
它的主要任务就是将各种格式的JavaScript代码,甚至是静态文件
进行分析、压缩、合并、打包,最后生成浏览器支持的代码
特点:
代码...
分类:
Web程序 时间:
2017-01-22 15:25:46
阅读次数:
240