文档站YDoc 相关注意事项 sass 编译 目录结构 可以直接使用sass编译 ➜ ydoc git:(v2) ✗ sass ./sass/app.scss ./template/source/app.css 当我们要不断修改sass查看预览效果,每次执行这个命令会很麻烦,这是我们需要添加watch功能 实时编译监听文件变动 使用 gulp 添加实时编译sass功能 考虑到ydoc只需要提供给使用方 编译之后的文件,因此gulp相关模块我们都将安装dev的依赖 首先确保你安装了 gulp 项目…

前言:大家可能都听说过gulp,知道它是一种前端自动化开发工具,可以用来文件压缩.语法检查.文件合并和编译less等,但可能并不知道要怎么用?看过官方文档,也看过许多博客,但基本都是讲gulp的API和各类插件,一直不太清楚到底应该怎么着手使用gulp.本文就根据我最近对一些了解,从头开始一步步实现对gulp的应用. 你可以提前看一看gulp官方文档了解一下,不了解也没事,在实践过程中遇到了再去查. 全局安装gulp gulp时基于node.js的,所以安装之前需要保证你安装了node.js.接…

Gulp安装流程.使用方法及CMD常用命令导览 来自前端小白的gulp及周边知识学习总结 一.名词介绍: Npm--node包管理工具 一开始我不理解,包管理工具是什么鬼.后来用到的gulp也好,gulp的插件包也好,都是要在npm这个里边弄出来的. 可以理解为,一个硬盘,里边放的各种整理好的.适用于各种功能的且不重复的文件夹(插件),然后我们需要啥,就去里边摘下来. 当然也可以用它来删除插件 //反正基于他的命令语句就有很多,常用的我先搞到这里 //其他相应的放到相应上下文中好了,本来打算单独…

前言 ​ 最近几年前端技术发展日新月异,特别是单页应用的普及.组件化.工程化.自动化成了前端发展的趋势.webpack已经成为了前端打包构建的主流,但是一些老古董的项目还是存在的,也有优化的必要,正好公司的老项目需要优化,不多说拿gulp实践一下. 本文需要安装node(自行安装),并了解过gulp入门.gulp脚本下载:https://github.com/youhunwl/gulp 欢迎star. 实践 创建项目目录 首先初始化npm依赖项与基本信息,使用命令npm init一直回车,生成p…

测试 目前主流的就bdd和tdd,自己查一下差异 推荐 mocha和tape 另外Jasmine也挺有名,angularjs用它,不过挺麻烦的,还有一个选择是qunit,最初是为jquery测试写的,在nodejs里用还是觉得怪怪的. 如果想简单可以tap,它和tape很像,下文会有详细说明 mocha mocha是tj写的 https://github.com/mochajs/mocha varassert=require("assert") describe('truth',fun…

按照gulp中文文档对gulp基础操作的一些实践练习,记录以防忘掉. 一,选择并输出文件:gulp.src(globs[,options]) eg:gulp.src('src/less/index.less') 这是一个最简单的表达式,它选中并且输出'src/less'目录下的index.less文件. 接下来我们来看它的官方解释:输出符合所提供的匹配模式或者匹配模式的数组的文件.返回一个vinyl files的stream它可以被piped到别的插件中. glob:Match files us…

coffescript测试源码   gulp = require('gulp') #删除 1.清空目录 常用插件 gulp-clean .del (nodejs模块) del = require('del') #2.文件复制 原生模块gulp,插件:gulp-cpoy #3.JS压缩 插件:gulp-uglify uglify = require('gulp-uglify') #4.CSS压缩 插件:gulp-minify-css,gulp-uncss minifycss = require('…

学习过程宝宝心里苦,不能怨政府.. 兴趣所致,一直放不下nodejs的学习,时隔多日,又把express捡起来打算重新再学学,一直没什么太大的长进,和实际的项目经验.真的醉了,太懒了. 今天在重新研究supervisor的时候,突然觉得这东西只有在服务端文件修改时才会触发刷新,前端样式文件模板等等刷新时不会, 能实现前端修改也自动刷新不?想想平时自己用gulp 搭虚拟服务器,用browser自动刷新,于是打算试试. gulp+browserSync 算是原来就有的,现在应该把目标分几步来实现,…

gulp是基于流的自动化构建工具官方网址:http://www.gulpjs.com.cn/ 一.安装需要的模块 1.新建package.json,输入下面的内容 { "name": "autopractice", "version": "1.0.0", "description": "", "main": "index.js", "sc…

公司还一直在延续使用jq+seajs的技术栈,所以只能基于现在的技术栈进行静态文件打包,而众所周知seajs的打包比较"偏门",在查了不少的文档和技术分享后终于琢磨出了自己的打包策略. 本文目录 1. devDependencies依赖 2. css的压缩.合并.md5 3. seajs合并 4. js压缩 5. html压缩 6. 程序的默认执行 7. 总结 一:devDependencies依赖 了解gulp的肯定对npm都有所了解,在这里就不再赘述,直接贴依赖包. "d…