使用Gulp构建本地开发Web服务器 博客分类： JavaScript 问题 1. 在写前端界面代码时，想调试的时候需要配置一个Apache或者Nginx服务器 2. 每次修改代码都需要刷新一下，验证效果。 解决方案 Gulp + Gulp-connect +watch + livereload Gulp是目前风头正劲的前端自动化工具，有...
1、安装 nodejs Grunt和所有grunt插件都是基于nodejs来运行的， https://nodejs.org/ 安装完成之后在终端 node -v 查看安装版本 npm -v 查看npm版本 选装cnpm 1.1、说明：因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常， 如果npm的服务器在中...
作者：秦墨鱼链接：http://www.zhihu.com/question/22146521/answer/94842197来源：知乎著作权归作者所有，转载请联系作者获得授权。 学过的东西杂而不精，算不得大牛。带过前端团队，也算是有几年前端负责人的经验。随着这几年前端node.js,react,Angularjs等技术新起，越来越多从之前单纯的前端开发到...
之前前端代码部署时用的是grunt，后来又出了个gulp工具，最近试用了一下，很方便，感觉比grunt简单好用，下面把一些常见的任务列一下，备用。 var gulp = require('gulp'); var sdir = '0.0.1'; var ddir = '0.0.1.release'; var gutil = require('gulp-u...
在开发网站的时候，尤其是类似于官网这样的项目，顶部都会有一个导航栏，底部会有一些其他信息，而这两个部分在每一个页面都是有的。我们不可能在每个html页面都写一遍，这样也不便后期维护等操作，所以可以把顶部导航和底部这两块的html代码单独写在两个html文件里：header.html和footer.html，然后在每个html文件只需要在适当的位置引入公共部...
项目完成后的目录 我们所需要的插件为：gulp-minify-css gulp-concat gulp-uglify gulp-rename del 如下图所示，完成后的项目目录结构： 附加，获取package.json （package.json 位于模块的目录下，用于定义包的属性。） 方法一、可以直接拷贝放进项目文件夹 方法二、npm init （...
gulp插件很多，这里介绍几个比较常用的插件。。。 1.gulp-less：用于把less文件编译成css文件。 因为html文件中不能直接引用less文件（需要导入相关编译js文件配合才行），因此需要想方设法把相应less文件编译成less文件编译成css文件。除了考拉编译外，还可以通过gulp这个自动化构建工具实现less文件的编译。 在...
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。 本文导航： gulp的安装 开始使用gulp gu...
工欲善其事必先利其器，现在的node环境下，有太多好用的工具能够帮助我们更好的开发和维护管理项目。 我本人不建议什么功能都自己写，我比较喜欢代码复用。只要能找到npm包来实现的功能，坚决不自己敲代码。 本次编写程序的两个原则：1、尽量使用声明式的编程风格（声明式和命令式，不是很清楚的自己查查资料）2、能复用的决不自己编写。 任何多余的繁琐的行为都是错误的...
初次接触Gulp是出于网页模块化的需要，用过之后发现这个任务管理工具有很多实用的插件，意外地好用，于是打算写下这篇笔记把用到的Gulp插件记录一下。至于想了解Gulp基本用法的同学可以去Gulp官网查看API文档，一看便懂。 此处贴上地址https://www.gulpjs.com.cn/docs/api/ gulp-html-import API文档:...