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阅读
gulp 插件之 gulp-clean-css 和 gulp-make-css-url-version
原创
2017-08-21 20:59:16
1562阅读
点赞
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后出错 事实证明挺有用的:我的问题是安装了gulp命令找不到,添加了环境变量还是不行,在C:\Users\XXXX\
转载
2017-06-10 10:25:07
10000+阅读
目前做代码压缩合并的工具有很多,诸如gulp,webpack,grunt等等,可以说这些项目构建工具的功能非常之强大:图片压缩、图片转base、css和js的压缩以及合并,文件的md5重命名 ……。本人之前也是在项目中没具体使用过,闲来无事,查查资料,自己写了一个用gulp工具的小demo,有很
转载
2017-02-24 17:42:00
194阅读
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阅读
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评论
webpack的完整处理方案:less/sass文件打包和分离自动处理css前缀 消除未使用的css完整的webpack.config.js文件自动处理
转载
2022-05-27 00:05:36
540阅读
1、把npm 更新到最新版本 npm install -g npm 2、把npm源切换到taobao源 全局安装nrm:npm install -g nrm 查看正在使用的源:nrm ls 添加源,例如:nrm add taobao https://registry.npm.taobao.org 删
转载
2020-09-22 15:48:00
1005阅读
2评论
gulp是基于流的自动化构建工具官方网址:://.gulpjs.com.cn/ 安装需要的模块 新建package.json,输入下面的内容 命令npm install { "name": "autopractice", "version": "1.0.0", "description
转载
2020-04-08 18:54:00
156阅读
2评论
gulpfile.js 运行结果 通过以上的配置之后,就可以开始运行 gulp 对我们的项目进行相关的操作啦; 使用 gulp 命令,运行Gulp.js 构建程序 首先运行 concat 这个 task 生成一个 rev-manifest.json 文件然后再运行 rev 这个 task 替换掉文件
原创
2021-08-04 16:59:08
205阅读
安装node.js,检查是否安装可用 使用淘宝镜像 检查 全局安装gulp 检查 来到本地路径,创建工程配置文件 本地路径下会有package.json文件,需要将安装组件或者插件的依赖写入这个文件写入依赖的组件或者插件可通过 命令找回 本地安装gulp并将依赖写入package.json 在gul
转载
2017-01-08 19:32:00
94阅读
2评论