gulpfile.js 运行结果 通过以上的配置之后，就可以开始运行 gulp 对我们的项目进行相关的操作啦； 使用 gulp 命令，运行Gulp.js 构建程序 首先运行 concat 这个 task 生成一个 rev-manifest.json 文件然后再运行 rev 这个 task 替换掉文件
原创
2021-08-04 16:59:08
205阅读
本文主要介绍如何通过CLI命令行（也就是终端或者cmd打开的那个shell窗口）实现 js和 css 的合并压缩。uglifyjs 合并压缩 js:1.安装node这一步就不多说了，下载node自行安装。 2.安装 uglifyjs全局安装：npm install -g uglify-js局部安装：npm install --save-dev uglify-js 3.在终端执行合并压缩命令ugli
转载
2021-05-04 22:26:19
981阅读
2评论
css 代码分割 "sideEffects": ["*.css"], npm install --save-dev mini-css-extract-plugin@0.5.0 const miniCssExtractPlugin = require('mini-css-extract-plugin'
原创
2021-11-29 13:50:36
236阅读
gulp是基于流的自动化构建工具官方网址：://.gulpjs.com.cn/ 安装需要的模块 新建package.json,输入下面的内容 命令npm install { "name": "autopractice", "version": "1.0.0", "description
转载
2020-04-08 18:54:00
156阅读
2评论
gulp 插件之 gulp-clean-css 和 gulp-make-css-url-version
原创
2017-08-21 20:59:16
1562阅读
点赞
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阅读
var gulp = require('gulp'); var RevAll = require('gulp-rev-all'); var uglify = require('gulp-uglify'); var filter = require('gulp-filter'); var csso = require('gulp-csso'); var useref = require('gulp...
转载
2016-03-14 23:17:00
70阅读
2评论
引用:https://www.jianshu.com/p/08c7babdec65压缩 js 文件1、创建一个目录 名为grunt 目录.png2、在grunt目录下创建一个 src目录，存放我们要压缩、合并的js文件。 图片.png3、创建package.json文件 文件.pngpackage.json文件，包含了项目的一些信息，如项目的名称、描述、版本号
转载
2022-09-22 16:19:25
110阅读
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，webpack，grunt等等，可以说这些项目构建工具的功能非常之强大：图片压缩、图片转base、css和js的压缩以及合并，文件的md5重命名 ……。本人之前也是在项目中没具体使用过，闲来无事，查查资料，自己写了一个用gulp工具的小demo，有很
转载
2017-02-24 17:42:00
194阅读
gulpfile.js
原创
2021-08-04 16:59:06
344阅读
hexo访问优化之 gulp压缩 hexo生成的博客是静态html页面，当有很多静态资源时，加载速度会非常慢，且github服务器在国外，导致网页加载速度非常差 gulp压缩 gulp是一种基于nodejs的构建工具，可以帮助我们压缩代码，图片等，通过减少数据量优化速度 gulp使用 gulp安装 ...
转载
2021-10-15 13:09:00
421阅读
2评论
Tips:前导必备博主博客地址 博主使用的是yilia主题1、全局安装gulpnpm install gulp -g# 查看版本gulp -v2、安装gulp插件在站点根目录下安装npm install gulp --savenpm install gulp-minify-css --savenpm install gulp-uglify --saven...
原创
2021-11-13 15:22:56
221阅读
本文：http://www.neoease.com/minimize-javascript-files-using-ycombo/前文已介绍过 YCombo 及相关的 CSS 和 JS 合并工具. 合并静态文件, 减少页面请求可以有效提升网页性能, 但手动处理的话工作繁杂易于出错, YCombo 就是
转载
2013-09-26 11:51:00
106阅读
2评论
Tips:前导必备博主博客地址 博主使用的是yilia主题1、全局安装gulpnpm install gulp -g# 查看版本gulp -v2、安装gulp插件在站点根目录下安装npm install gulp --savenpm install gulp-minify-css --savenpm install gulp-uglify --saven...
原创
2022-01-16 13:37:31
224阅读
安装nodejsgulp是基于nodejs，理所当然需要安装nodejs在 [ nodejs官网 ]下载并安装nodejs查看nodejs版本安装完nodejs后，在命令行中（w
gulp详细入门教程传送门: http://blog.csdn.net/x550392236/article/details/77117023一、安装需要的包 = require(
原创
2022-07-20 06:18:54
253阅读
安装nodejsnpm install -g gulp-cli-g 全局安装gulp --version创建文件夹npm initnpm ins
原创
2022-11-21 10:30:14
106阅读
gulp只是提供一个框架给我们,如果我们想要实现一些更加复杂的功能.比如css压缩,那么我们还需要安装一下gulp-cssnano插件.gulp相关的插件安装也是通过npm命令安装,安装方式跟其他包是一模一样的(gulp插件本身就是一个普通的包)对css文件的处理,需要做的事情就是压缩,然后在将压缩
转载
2018-12-03 08:26:00
95阅读
2评论
在需要压缩的目录中新建终端：打开终端 cnpm install -g clean-css-cli
cleancss -o au.min.css au.css
au.css是源文件。au.min.css是目标文件。
转载
2021-04-28 11:01:45
234阅读
2评论
