首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏破晓之歌

    前端页面可视化开发-livestyle,livereload,browser-sync

    的文件 这个文件用于标识node.js的包名,版本,依赖等信息 编写gulp脚本: var gulp = require("gulp"); var livereload = require("gulp-livereload ) }) }) 安装gulp npm install gulp -g npm install gulp 安装glup-livereload npm install gulp-livereload --save -dev --save -dev 这种方式,安装成功后,会在package.json文件中增加一条依赖关系,指向gulp-livereload 执行“watch”脚本 install browser-sync gulp --save-dev 写脚本: var gulp = require("gulp"); var livereload = require("gulp-livereload

    1.5K20发布于 2018-08-15
  • 来自专栏小古哥的博客园

    gulp的安装和使用

    gulp-css-spriter gulp-jshint gulp-uglify gulp-imagemin gulp-rename gulp-concat gulp-htmlmin gulp-notify gulp-cache gulp-livereload gulp-css-spriter gulp-jshint gulp-uglify gulp-imagemin gulp-rename gulp-concat gulp-htmlmin gulp-notify gulp-cache gulp-livereload gulp-notify'),//显示信息 18 cache = require('gulp-cache'),//压缩图片过滤(仅修改图片压缩) 19 livereload = require('gulp-livereload

    1.6K50发布于 2018-03-08
  • 来自专栏生如夏花绚烂

    Gulp基本使用

    /src/*.js']); const livereload = require('gulp-livereload'); //打包函数 let js = function js(done){ 恢复源代码 * cnpm i gulp-sourcemaps -D\ * gulp-watch * livereload * cnpm i -g http-server * cnpm i gulp-livereload

    1.3K10编辑于 2022-09-08
  • 来自专栏金朝麟的专栏

    Express+Less+Gulp配置高效率开发环境

    2.3.0", "gulp-htmlmin": "^3.0.0", "gulp-imagemin": "^3.1.1", "gulp-less": "^3.3.0", "gulp-livereload gulp-imagemin'); var less = require('gulp-less'); var path = require('path'); var livereload = require('gulp-livereload

    2.4K00发布于 2017-02-08
  • 来自专栏前端儿

    前端自动化工具 -- Gulp 使用简介

    代码校验(gulp-jshint) 合并js文件(gulp-concat) 压缩js代码(gulp-uglify) 压缩图片(gulp-imagemin) 重命名(gulp-rename) 自动刷新页面(gulp-livereload , notify = require('gulp-notify'), cache = require('gulp-cache'), livereload = require('gulp-livereload

    1.6K21发布于 2018-09-03
  • 来自专栏河湾欢儿的专栏

    gulp

    gulp.task('server', function () { connect.server({ root:'dist' }); }); 浏览器实时刷新 npm install gulp gulp-livereload

    1.3K10发布于 2018-09-06
  • 来自专栏静晴轩

    Gulp探究折腾之路(I)

    /web/js')); }); 实时刷新页面 gulp-livereload模块 gulp-livereload模块用于自动刷新浏览器,反映出源码的最新变化。 下面有一个gulp-livereload仓库中的README文件提到的例子: var gulp = require('gulp'), less = require('gulp-less'), livereload = require('gulp-livereload'), watch = require('gulp-watch'); gulp.task('less', function

    2.3K80发布于 2018-03-27
  • 来自专栏零域Blog

    Gulp构建实例

    gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-minify-css`) js代码校验(`gulp-jshint`) 合并js文件(`gulp-concat`) 压缩js代码(`gulp-uglify`) 压缩图片(`gulp-imagemin`) 自动刷新页面(`gulp-livereload

    2.4K40编辑于 2022-03-22
  • 来自专栏跨平台全栈俱乐部

    前端工程化篇之 Gulp

    ); //重命名文件的包 const less = require('gulp-less'); // 识别less文件的gulp的包 const livereload = require('gulp-livereload

    1.6K10发布于 2019-08-02
  • 来自专栏零域Blog

    我的前端工作流

    "gulp-html-extend": "^1.1.6", "gulp-imagemin": "^2.4.0", "gulp-jshint": "^2.0.0", "gulp-livereload

    1.2K10编辑于 2022-03-22
  • 来自专栏李维亮的博客

    前端构建工具gulpjs的使用介绍及技巧

    .pipe(gulp.dest('dist')); }); gulp-imagemin的使用比较复杂一点,而且它本身也有很多插件,建议去它的项目主页看看文档 4.10 自动刷新 使用gulp-livereload 插件,安装:npm install --save-dev gulp-livereload。 var gulp = require('gulp'), less = require('gulp-less'), livereload = require('gulp-livereload

    2.2K30发布于 2021-07-09
  • 来自专栏DeveWork

    JGulp: 利用Gulp 配置的前端项目自动化工作流

    网页自动刷新功能(gulp-livereload) 这个功能毫无疑问是最实用的,借助本livereload 模块,一旦监控到有文件改动就自动刷新页面。需要安装相应的Chrome 扩展配合使用。

    1.4K100发布于 2018-01-22
  • 来自专栏李维亮的博客

    Gulp开发教程(翻译)

    下面有一个gulp-livereload仓库中的README文件提到的例子: var gulp = require('gulp'), less = require('gulp-less'), livereload = require('gulp-livereload'), watch = require('gulp-watch'); gulp.task('less', function

    1.3K40发布于 2021-07-09
  • 来自专栏金蝶云平台的专栏

    Gulp 在金蝶云平台项目中的使用经验

    刚开始想实现浏览器 F5 自动刷新使用到的是 grunt 和 livereload 插件,gulp 也有对应的方法,参考 gulp 教程之 gulp-livereload

    2.2K00发布于 2017-06-12
  • 来自专栏PHP 开发

    前端构建工具 Gulp.js 上手实例

    在前面的例子中,只安装了两个插件,Gulp 提供了超过 200 个插件, 涵盖了前端开发流程中的很多工作,包括但不限于: LiveReload (gulp-livereload) JSHint (gulp-jshint

    2.5K70发布于 2018-03-06
  • 来自专栏腾讯NEXT学位

    JavaScript全栈开发-工具篇(上)

    gulp-concat --save-dev npm install gulp-imagemin --save-dev npm install gulp-jshint --save-dev npm install gulp-livereload

    2.4K10发布于 2018-10-12
  • 来自专栏前端说吧

    Gulp安装流程、使用方法及cmd常用命令导览

    www.browsersync.cn 1 var gulp = require('gulp'); 2 var sass = require('gulp-sass'); 3 //var livereload = require('gulp-livereload

    2.9K60发布于 2018-05-17
领券