随笔分类 - 前端技术栈 / gulp
摘要:研发环境的搭建 目标:支持热更新,实现检测代码更改,刷新浏览器,研发和生成编译出不同的版本 参考:npmjs.com yarn:更稳定,比npm更稳定 开发依赖:-D , 主要用于开发环境,上线的时候不会被打包丢到生产环境 生产环境:在上线时会被打包 0 yarn全局安装: npm i yarn -
阅读全文
摘要:步骤: 安装依赖:npm i browser-sync --save-dev 导入browser-sync,通过create创建 设置Sass和Js任务,将其压缩重命名并引入页面,任务结束时reload服务 设置默认任务,此任务负责,初始化服务器,监视setJs和setCss的变化 var gulp
阅读全文
摘要:执行gulp 任务 gulp taskname (default任务不输入名称亦可:gulp) var gulp = require("gulp"); gulp.task("a",function(){ console.log("aaa"); }); gulp 前置任务 gulp.task(当前任务
阅读全文
摘要:gulp gulp是一个自动化工具,实际上是使用nodejs中的stream来处理的,因此加载的数据不是以文本的形式存在,而是以二进制流数据形式存在。被stream加载的内容除了除了文件,还包含有文件的地址、文件名等一系列相关信息。 常用于处理以下任务: 搭建web服务器 文件保存时自动重载浏览器
阅读全文