gulp 插件之 gulp-clean-css 和 gulp-make-css-url-version
原创
2017-08-21 20:59:16
1562阅读
点赞
参考：
https://github.com/sindresorhus/gulp-rev
测试发现，在官网上最主要的做法是：
加入如下参数：
{
base: 'build/assets',
merge: true
}
其中base为存放上一个生成的rev-manifest.json文件，然后merge为是否拼合进去，最后再输出到base这个目录上，就可以实现js和css文件
转载
2016-12-22 01:45:00
181阅读
2评论
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阅读
由于项目需要，我要把common.js替换成build.min.js，接着后面才用到build.min.js=>build-te234ds.min.js这样的形式替换，但是我发现怎么替换都不能把common.js替换掉，经过分析发现： 只有名字符合标准才能替换成功，不是手动修改这个文件到时修改不成功
转载
2016-12-21 23:17:00
69阅读
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阅读
rev 功能说明：反向输出文件内容。 字符串反转 [root@testdb ~]# echo {1..10} 1 2 3 4 5 6 7 8 9 10 [root@testdb ~]# echo {1..10}|rev 文本反转 [root@testdb ~]# cat a.log # initta
转载
2018-08-03 22:06:00
86阅读
https://www.w3schools.com/css/css_image_sprites.asp Image Sprites An image sprite is a collection of images put into a single image. A web page with m
原创
2024-06-11 14:07:26
63阅读
https://www.w3schools.com/css/css_image_gallery.asp CSS can be used to create an image gallery. Image Gallery The following image gallery is created w
原创
2024-06-11 14:08:48
49阅读
安装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阅读
点赞
前言 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阅读
