- 综合排序
- 最热优先
- 最新优先
- 来自专栏生如夏花绚烂
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') preset-env -D const gulp = require('gulp'); const uglify = require('gulp-uglify'); const concat = require('gulp-concat ; 自动监听 const gulp = require('gulp'); const uglify = require('gulp-uglify'); const concat = require('gulp-concat exports.default = watch; /** * 1.指定路径 * 2.打包指定输出的文件 * 3.压缩 * 4.输出目录 * cnpm i gulp gulp-uglify gulp-concat
1.3K10编辑于 2022-09-08 - 来自专栏csxiaoyao
Gulp学习笔记
package.json 文件 npm init 2.2 安装依赖项 npm install --save-dev gulp gulp-util 2.3 安装需要的插件 此处安装两个插件 gulp-uglify 和 gulp-concat 文件压缩和合并，加上 –save-dev 参数会同时添加到包配置文件 package.json，以确保项目所需的依赖包可通过 npm 安装 npm install --save-dev gulp-uglify gulp-concat require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify'), concat=require('gulp-concat
979120发布于 2018-05-11 - 来自专栏禅林阆苑
【博客同步】Gulp学习笔记
package.json 文件 npm init 2.2 安装依赖项 npm install --save-dev gulp gulp-util 2.3 安装需要的插件 此处安装两个插件 gulp-uglify 和 gulp-concat save-dev 参数会同时添加到包配置文件 package.json，以确保项目所需的依赖包可通过 npm 安装 csxiaoyao.com npm install --save-dev gulp-uglify gulp-concat require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify'), concat=require('gulp-concat
13900编辑于 2025-03-25 - 来自专栏全栈程序员必看
关于Glup_gulp使用教程
因此采用监听文件的方法 （每次改动文件都会自动拷贝和压缩） ** ② 监听文件： 使用watch 随后在cmd中输入 gulp watchall 待修改代码后则一直会监听 ④ 合并js文件 使用gulp-concat 在cmd中输入 npm install gulp-concat –save-dev //安装gulp-concat 插件 随后在gulpfile.js的文件中输入 const concat = require (“gulp-concat”); 随后如果要合并index.js和tools.js两个文件 则继续在gulpfile.js的文件中输入如下所示 （ 接着上面的启动监听） 若要压缩则如上所示
1.2K50编辑于 2022-11-17 - 来自专栏HTML5学堂
前端工程化 | 定制专属提速“外挂”（上）
在这边我们可以使用Gulp的文件合并插件gulp-concat来解决这个问题。 3.1 安装：gulp-concat 命令行：$ cnpm install gulp-concat --save-dev ? 3.2 在gulpfile.js中引入gulp-concat插件 var concat = require('gulp-concat'); 3.3 配置gulp-concat的功能 gulp.task( browserSync = require('browser-sync').create(); var reload = browserSync.reload; var concat = require('gulp-concat browserSync = require('browser-sync').create(); var reload = browserSync.reload; var concat = require('gulp-concat
1.3K50发布于 2018-03-13 - 来自专栏禅林阆苑
Gulp学习笔记 【原创】
package.json 文件 npm init 2.2 安装依赖项 npm install --save-dev gulp gulp-util 2.3 安装需要的插件 此处安装两个插件 gulp-uglify 和 gulp-concat 文件压缩和合并，加上 –save-dev 参数会同时添加到包配置文件 package.json，以确保项目所需的依赖包可通过 npm 安装 npm install --save-dev gulp-uglify gulp-concat require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify'), concat=require('gulp-concat
70980发布于 2018-04-28 - 来自专栏静晴轩
Gulp探究折腾之路(I)
合并：gulp-concat;指定合并生成名字即可： .pipe(concat('all.js')) 重命名: gulp-rename;可以仅仅为名字指定后缀(不改变文件后缀)Like This: { "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 gulp-cached -g 接下来，(如果我们要使用gulp-concat这个模块)我们进入单独小项目(eg: gulpTest),使用npm link gulp-concat命令会去【mac/linux 的模块，找到这个模块后把该的目录链接到 ~/work/**/gulpTest/node_modules/gulp-concat 这个目录上来。
2.3K80发布于 2018-03-27 - 来自专栏有趣的django
Django打造大型企业官网（二） 三、项目环境搭建
devDependencies": { "browser-sync": "^2.26.7", "gulp": "^4.0.2", "gulp-cache": "^1.1.2", "gulp-concat devDependencies": { "browser-sync": "^2.26.7", "gulp": "^4.0.2", "gulp-cache": "^1.1.2", "gulp-concat "); var rename = require("gulp-rename"); var uglify = require("gulp-uglify"); var concat = require("gulp-concat "); var rename = require("gulp-rename"); var uglify = require("gulp-uglify"); var concat = require("gulp-concat
1.5K30发布于 2019-06-14 - 来自专栏小古哥的博客园
gulp的安装和使用
gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint gulp-uglify gulp-imagemin gulp-rename gulp-concat gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint gulp-uglify gulp-imagemin gulp-rename gulp-concat require('gulp-imagemin'),//压缩图片 14 rename = require('gulp-rename'),//重命名gulp 15 concat = require('gulp-concat
1.6K50发布于 2018-03-08 - 来自专栏IMWeb前端团队
精通gulp常用插件
/dist')); gulp-concat 描述：合并文件。 var concat = require('gulp-concat'); gulp.src('. var gulpif = require('gulp-if'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat // package.json "devDependencies": { "gulp": "^3.9.1", "gulp-concat": "^2.6.1", "gulp-rename
1.6K90发布于 2018-01-08 - 来自专栏有趣的django
Django打造大型企业官网（一） 一、nvm的安装二、gulp的安装和用法
/dest/js/")) done(); }) 6.合并多个文件 安装插件 npm install gulp-concat --save-dev gulpfile.js var uglify = require("gulp-uglify") var concat = require("gulp-concat") gulp.task("js",done =>{ gulp.src(". "); var rename = require("gulp-rename"); var uglify = require("gulp-uglify"); var concat = require("gulp-concat
1.2K40发布于 2019-06-14 - 来自专栏前端大白专栏
使用gulp实现自动刷新浏览器
安装gulp 并用gulp -v查看版本号 3.cnpm install 安装所需要的依赖包 cnpm install gulp-connect --save-dev cnpm install gulp-concat ; var connect = require('gulp-connect'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat
1.6K50发布于 2018-06-15 - 来自专栏IMWeb前端团队
精通gulp常用插件
/dist')); gulp-concat 描述：合并文件。 var concat = require('gulp-concat'); gulp.src('. var gulpif = require('gulp-if'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat // package.json "devDependencies": { "gulp": "^3.9.1", "gulp-concat": "^2.6.1", "gulp-rename
1.5K20发布于 2019-12-05 - 来自专栏PHP 开发
前端构建工具 Gulp.js 上手实例
gulp-util 接下来，安装我们需要使用到的 Gulp 插件，这些插件同样也都是 Node 模块，我们同样使用 npm 命令来安装它们： npm install --save-dev gulp-uglify gulp-concat 在上面的例子中，安装了两个插件 gulp-uglify 和 gulp-concat, 通过它们可以对 Javascript 文件进行合并和压缩。 加上这个参数以后，在安装这些包的同时，也会把它们添加到我们的包配置文件 package.json: { "devDependencies": { "gulp": "^3.6.2", "gulp-concat require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify'), concat=require('gulp-concat require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify'), concat=require('gulp-concat
2.5K70发布于 2018-03-06 - 来自专栏女程序员的日常_Lin
前端构建系统-《node.js实战》
//创建fulpfile.js 文件 npm i --save-dev gulp-sourcemaps gulp-babel babel-preset-es2015 npm i --save-dev gulp-concat npm i --save-dev gulp-concat react react-dom babel-preset-reactnpm i --save-dev gulp-concat react react-dom sourcemap = require('gulp-sourcemaps'); const babel = require('gulp-babel'); const concat = require('gulp-concat
2.4K20发布于 2019-07-19 - 来自专栏达摩兵的技术空间
gulp常用插件 一
gulp-uglify'); gulp.task('js', function () { return gulp.src('src/js/*.js') .pipe(uglify()) }); gulp-concat 模块地址：https://www.npmjs.com/package/gulp-concat 安装 $ npm install gulp-concat --save-dev 使用场景：web 使用 var fileConcat = require('gulp-concat'); gulp.task('fileConcat', function () { return gulp.src(
1.1K20发布于 2018-08-28 - 来自专栏HUC思梦的java专栏
node和gulp实现前端工程自动化(附：gulp常用插件)
dist/styles')) .pipe(browserSync.reload({ stream: true })); }); var concat = require('gulp-concat *',['image']); gulp.watch('src/*.html',['html']); }); 附录： gulp常用插件： gulp-less：编译less gulp-concat：合并代码
70310发布于 2020-09-03 - 来自专栏前端技术开发
快速搭建gulp项目实战
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合并 gulp-concat
1.3K20发布于 2019-09-23 - 来自专栏游戏开发之旅
gulp的使用
^2.24.4", "gulp": "^3.9.1", "gulp-autoprefixer": "^5.0.0", "gulp-cache": "^1.0.2", "gulp-concat gulp-cssnano'); var rename=require('gulp-rename'); var uglify=require('gulp-uglify'); var concat=require('gulp-concat
1.7K20发布于 2020-08-14 - 来自专栏赵康的日常专栏
【前端】我的Gulp配置
*/ // 引入 gulp var gulp = require('gulp'); // 引入组件 // 保证在当前项目目录下曾经运行过： // npm install gulp-jshint gulp-concat save-dev var jshint = require('gulp-jshint'); var babel = require("gulp-babel"); var concat = require('gulp-concat
37810编辑于 2023-10-17
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号