首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏生如夏花绚烂

    Gulp基本使用

    1.基本使用 npm i gulp-cli -g npm i gulp -D cnpm i gulp gulp-uglify gulp-concat 2.创建文件gulpfile.js键入如下 const gulp = require('gulp'); const uglify = require('gulp-uglify'); const concat = require('gulp-concat') i gulp-babel @babel/core @babel/preset-env -D const gulp = require('gulp'); const uglify = require('gulp-uglify sorcemap恢复源代码并定位错误 cnpm i gulp-sourcemaps -D const gulp = require('gulp'); const uglify = require('gulp-uglify done(); } exports.default = build; 自动监听 const gulp = require('gulp'); const uglify = require('gulp-uglify

    1.3K10编辑于 2022-09-08
  • 来自专栏禅林阆苑

    【博客同步】Gulp学习笔记

    2.1 创建 package.json 文件 npm init 2.2 安装依赖项 npm install --save-dev gulp gulp-util 2.3 安装需要的插件 此处安装两个插件 gulp-uglify 加上 --save-dev 参数会同时添加到包配置文件 package.json,以确保项目所需的依赖包可通过 npm 安装 csxiaoyao.com npm install --save-dev gulp-uglify gulpfile.js 文件 // 定义依赖项和插件 var gulp=require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify

    13900编辑于 2025-03-25
  • 来自专栏csxiaoyao

    Gulp学习笔记

    2.1 创建 package.json 文件 npm init 2.2 安装依赖项 npm install --save-dev gulp gulp-util 2.3 安装需要的插件 此处安装两个插件 gulp-uglify Javascript 文件压缩和合并,加上 –save-dev 参数会同时添加到包配置文件 package.json,以确保项目所需的依赖包可通过 npm 安装 npm install --save-dev gulp-uglify gulpfile.js 文件 // 定义依赖项和插件 var gulp=require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify

    979120发布于 2018-05-11
  • 来自专栏从零开始学自动化测试

    node.js 使用教程-2.Gulp 打包构建入门与使用

    安装完成会生成一个package-lock.json文件 查看版本 > gulp -v CLI version: 2.3.0 Local version: 4.0.2 安装压缩文件的组件 npm install gulp-uglify 在 gulpfile.js 中编写代码 var gulp = require('gulp'); // 导入gulp var uglify = require('gulp-uglify'); // 导入gulp-uglify // 创建压缩任务 gulp.task('js', function() { // 1. 使用异步函数 async 和 await var gulp = require('gulp'); // 导入gulp var uglify = require('gulp-uglify'); // 导入gulp-uglify // 创建压缩任务 gulp.task('js', async () => { // 1.

    1.7K20编辑于 2022-09-22
  • 来自专栏薛定喵君

    小程序提示"以下文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理"

    "1.0.0", "description": "", "main": "index.js", "dependencies": { "gulp": "^4.0.2", "gulp-uglify license": "ISC" } 安装依赖 npm install 创建 gulpfile.js 文件 var gulp = require('gulp'); var uglify = require('gulp-uglify

    28.6K40发布于 2020-12-16
  • 来自专栏web前端踩坑

    gulp 错误集锦

    gulp和gulp-cli的区别 Gulp error: gulp.hasTask is not a function Mismatch in gulp local and CLI versions 2. gulp-uglify 3. gulp-uglify压缩js文件时报错之 Unexpected token name 报错内容: _Unexpected token name «p», expected punc « 问题分析

    1.7K10发布于 2020-11-05
  • 来自专栏禅林阆苑

    Gulp学习笔记 【原创】

    2.1 创建 package.json 文件 npm init 2.2 安装依赖项 npm install --save-dev gulp gulp-util 2.3 安装需要的插件 此处安装两个插件 gulp-uglify Javascript 文件压缩和合并,加上 –save-dev 参数会同时添加到包配置文件 package.json,以确保项目所需的依赖包可通过 npm 安装 npm install --save-dev gulp-uglify gulpfile.js 文件 // 定义依赖项和插件 var gulp=require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify

    70880发布于 2018-04-28
  • 来自专栏有趣的django

    Django打造大型企业官网(一) 一、nvm的安装二、gulp的安装和用法

    /dest/css/")) done(); })  5.创建处理js文件的任务 安装插件 npm install gulp-uglify --save-dev gulpfile.js var uglify = require("gulp-uglify") gulp.task("js",done =>{ gulp.src(". done(); })  6.合并多个文件 安装插件 npm install gulp-concat --save-dev gulpfile.js var uglify = require("gulp-uglify ; var cssnano = require("gulp-cssnano"); var rename = require("gulp-rename"); var uglify = require("gulp-uglify

    1.2K40发布于 2019-06-14
  • 来自专栏有趣的django

    Django打造大型企业官网(二) 三、项目环境搭建

    ", "gulp-rename": "^1.4.0", "gulp-sync": "^0.1.4", "gulp-tinypng-nokey": "^1.1.0", "gulp-uglify ", "gulp-rename": "^1.4.0", "gulp-sync": "^0.1.4", "gulp-tinypng-nokey": "^1.1.0", "gulp-uglify ; var cssnano = require("gulp-cssnano"); var rename = require("gulp-rename"); var uglify = require("gulp-uglify ; var cssnano = require("gulp-cssnano"); var rename = require("gulp-rename"); var uglify = require("gulp-uglify

    1.5K30发布于 2019-06-14
  • 来自专栏FECoding

    hexo 博客性能优化

    首先需要安装的 gulp 插件有:gulp-clean-css 、gulp-uglify、gulp-htmlmin、gulp-htmlclean。 安装它们并将其加入到 package.json 的依赖中: npm i --save gulp-clean-css gulp-uglify gulp-htmlmin gulp-htmlclean 当然, 的都没多大问题: var gulp = require('gulp'); var cleancss = require('gulp-clean-css'); var uglify = require('gulp-uglify

    88730发布于 2019-04-24
  • 来自专栏前端技术开发

    快速搭建gulp项目实战

    gulp.src 找到执行文件 gulp.dest 执行任务的文件去出 gulp.watch 观察文件是否发生变化 4.安装一些常用的压缩包 cnpm install gulp-minify-css gulp-uglify gulp-concat --save-dev ///////////////// 1.css压缩   gulp-minify-css 2.js压缩   gulp-uglify 3.js合并    常用的代码压缩 var gulp = require('gulp'); var imagemin = require('gulp-imagemin'); 图片压缩 var uglify = require("gulp-uglify

    1.3K20发布于 2019-09-23
  • 来自专栏赵康的日常专栏

    【前端】我的Gulp配置

    gulpfile.js */ // 引入 gulp var gulp = require('gulp'); // 引入组件 // 保证在当前项目目录下曾经运行过: // npm install gulp-uglify gulp var gulp = require('gulp'); // 引入组件 // 保证在当前项目目录下曾经运行过: // npm install gulp-jshint gulp-concat gulp-uglify gulp-jshint'); var babel = require("gulp-babel"); var concat = require('gulp-concat'); var uglify = require('gulp-uglify

    37810编辑于 2023-10-17
  • 来自专栏小康的自留地

    Hexo记一次gulp压缩体验

    gulp --save npm install gulp-htmlclean npm install gulp-htmlmin npm install gulp-clean-css npm install gulp-uglify 引入需要的模块 var gulp = require('gulp'); var minifycss = require('gulp-clean-css'); var uglify = require('gulp-uglify sh 'npm install gulp-htmlmin' sh 'npm install gulp-clean-css' sh 'npm install gulp-uglify

    1.1K20发布于 2020-04-29
  • 来自专栏Ryan Miao

    hexo 博客支持PWA和压缩博文

    $ npm install gulp -g $ npm install gulp-minify-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp --save 或者使用yarn yarn global add gulp yarn add gulp-minify-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp gulpfile.js : var gulp = require('gulp'); var minifycss = require('gulp-minify-css'); var uglify = require('gulp-uglify

    1K140发布于 2018-03-14
  • 来自专栏IMWeb前端团队

    精通gulp常用插件

    restore) // 返回到未过滤执行的所有文件 .pipe(gulp.dest('dist')); // 再对所有文件操作,包括index.js 压缩 gulp-uglify var uglify = require("gulp-uglify"); gulp.src('. var gulpif = require('gulp-if'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat devDependencies": { "gulp": "^3.9.1", "gulp-concat": "^2.6.1", "gulp-rename": "^1.2.2", "gulp-uglify

    1.6K90发布于 2018-01-08
  • 来自专栏李维亮的博客

    gulp使用教程

    重名名插件(这里只讲一下这三个插件的使用,当然gulp还有很多强大的插件) js代码检测插件: npm install gulp-jslint –save-dev 压缩文件插件: npm install gulp-uglify 文件里面编写gulp任务代码 var gulp = require("gulp"), jshint = require("gulp-jshint"), uglify = require("gulp-uglify

    79640发布于 2021-07-09
  • 来自专栏Java开发

    Hexo博客使用gulp压缩静态资源

    gulp -v 2、安装gulp插件 在站点根目录下安装 npm install gulp --save npm install gulp-minify-css --save npm install gulp-uglify save npm install gulp-imagemin --save # 解决【Gulp打包问题】 GulpUglifyError: unable to minify JavaScript # 解决 gulp-uglify 文件内容如下: var gulp = require('gulp'); var minifycss = require('gulp-minify-css'); var uglify = require('gulp-uglify

    1.5K40发布于 2019-07-24
  • 来自专栏静晴轩

    Gulp探究折腾之路(I)

    譬如,想借助gulp压缩美化下js代码,写如下代码于gulpfile.js即可: var gulp = require('gulp'), uglify = require('gulp-uglify gulp.dest(outPut)); }); 在gulpfile.js同级目录运行gulp scripts即可;PS:当然前提是您已经安装了nodejs,并且使用npm安装了代码中需要的插件gulp和gulp-uglify var gulp = require('gulp'), jshint = require('gulp-jshint'), uglify = require('gulp-uglify'), { "devDependencies": { "gulp-concat": "~2.2.0", "gulp-uglify": "~0.2.1", "gulp-jshint 对于所使用的插件可以一个个安装,同时也可以批量安装Like This: npm install gulp-concat gulp-uglify gulp-jshint [...] gulp-rename

    2.3K80发布于 2018-03-27
  • 来自专栏IMWeb前端团队

    精通gulp常用插件

    restore) // 返回到未过滤执行的所有文件 .pipe(gulp.dest('dist')); // 再对所有文件操作,包括index.js 压缩 gulp-uglify var uglify = require("gulp-uglify"); gulp.src('. var gulpif = require('gulp-if'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat devDependencies": { "gulp": "^3.9.1", "gulp-concat": "^2.6.1", "gulp-rename": "^1.2.2", "gulp-uglify

    1.5K20发布于 2019-12-05
  • 来自专栏前端大白专栏

    使用gulp实现自动刷新浏览器

    gulp-connect --save-dev cnpm install gulp-concat --save-dev cnpm install gulp-rename --save-dev cnpm install gulp-uglify 文件; 写入以下 代码 var gulp =require('gulp'); var connect = require('gulp-connect'); var uglify = require('gulp-uglify

    1.6K50发布于 2018-06-15
领券