gulp学习记录npm init -y yarn add gulp -D 修改 package.json "scripts": { "build": "gulp" }, // 查看版本 npx gulp --version 新建 gulpfile.js // 重命名 gulp-rename // 压
原创
2022-06-05 01:44:37
193阅读
gulp 插件之 gulp-clean-css 和 gulp-make-css-url-version
原创
2017-08-21 20:59:16
1562阅读
点赞
1、package.json{ "private": true, "scripts": { "prod": "gulp --production", "dev": "gulp
原创
2022-09-09 10:12:16
121阅读
目前做代码压缩合并的工具有很多，诸如gulp，webpack，grunt等等，可以说这些项目构建工具的功能非常之强大：图片压缩、图片转base、css和js的压缩以及合并，文件的md5重命名 ……。本人之前也是在项目中没具体使用过，闲来无事，查查资料，自己写了一个用gulp工具的小demo，有很
转载
2017-02-24 17:42:00
194阅读
js 编写后文件太大，可以使用gulp 来进行压缩。 具体步骤如下： 1.创建一个工作目录 在该目录下安装 gulp npm install gulp 安装gulp-uglify 模块 npm install gulp-uglify 2.在工作目录下编写脚本gulpfile.js var gulp
原创
2021-07-22 15:40:43
527阅读
参考打包教程：
http://www.tuicool.com/articles/viequay
https://github.com/Platform-CUF/use-gulp
实现要点：
1、如何运行gulp的任务，加入新建好一个如下任务：
// 语法检查
gulp.task('jshint', function () {
gulp.src('js/**/*.js')
转载
2016-12-22 09:50:00
284阅读
2评论
gulp只是提供一个框架给我们,如果我们想要实现一些更加复杂的功能.比如css压缩,那么我们还需要安装一下gulp-cssnano插件.gulp相关的插件安装也是通过npm命令安装,安装方式跟其他包是一模一样的(gulp插件本身就是一个普通的包)对css文件的处理,需要做的事情就是压缩,然后在将压缩
转载
2018-12-03 08:26:00
95阅读
2评论
webpack的完整处理方案：less/sass文件打包和分离自动处理css前缀 消除未使用的css完整的webpack.config.js文件自动处理
转载
2022-05-27 00:05:36
540阅读
var gulp = require('gulp'); // 压缩html代码 const htmlClean = require('gulp-htmlclean'); // 图片类： 压缩PNG, JPEG, GIF and SVG const imageMin = require('gulp-i
转载
2020-06-16 13:39:00
91阅读
2评论
安装nodejsnpm install -g gulp-cli-g 全局安装gulp --version创建文件夹npm initnpm ins
原创
2022-11-21 10:30:14
106阅读
前言 新人使用gulp的一个记录。 首先对于第一个新事物，我会问gulp这是什么？ 答：gulp是一个自动化构建工具，它可以做一些自动化的任务，比如: 检查Javascript 编译Sass（或Less之类的）文件 合并Javascript 压缩并重命名合并后的Javascript 变更静态资源 给
转载
2016-11-10 23:25:00
40阅读
2评论
安装node.js，检查是否安装可用 使用淘宝镜像 检查 全局安装gulp 检查 来到本地路径，创建工程配置文件 本地路径下会有package.json文件，需要将安装组件或者插件的依赖写入这个文件写入依赖的组件或者插件可通过 命令找回 本地安装gulp并将依赖写入package.json 在gul
转载
2017-01-08 19:32:00
94阅读
2评论
gulp 插件之 gulp-useref 和 gulp-if
原创
2017-09-02 10:57:48
6355阅读
点赞
1、可以使用插进gulp-order。 2、可以这样的写法：
转载
2016-12-23 12:56:00
221阅读
2评论
前言 gulp是一种比较容易上手的前端构建工具，相比于时下流行的webpack，gulp的学习成本更低，配置也简单，在很多前端框架的构建上（如bootstrap）都选择了gulp作为打包工具 安装运行 全局安装 npm install --global gulp 作为项目依赖安装 npm insta ...
转载
2021-10-07 14:33:00
249阅读
2评论
gulp 插件之 gulp-less，gulp-sass 和 gulp-sourcemaps
原创
2017-08-22 13:09:36
3843阅读
前端的构建工具常见的有Grunt、Gulp、Webpack三种，Grunt比较老旧，功能少，更新少，插件少。
概念：
gulp是一个自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单的说，gulp就是用来打包项目的。
安装：
全局安装：
npm i gulp@3.9.1 -g
gulp -v # 测试是否安装成功
全局安装表示在当前电脑中可以使用gulp环境了
局部安装
npm i
转载
2021-08-13 20:05:25
162阅读
