首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

gulp压缩静态项目

想想最开始入行的时候,项目目录结构是这样的: 那时候也没有什么压缩之说,就直接用运维给的可视化工具直接拖拉拽放到服务器,其实问题也不大。...今天本来想试试webpack压缩一下这种老项目,后来查了一下,发现gulp更快,于是就用gulp实现了。gulp以前没用过,所以出现了一些我自己都觉得可笑的问题,但其实,这种工具用多了就会熟练一些。...entry, output) { gulp .src(entry) .pipe( htmlmin({ collapseWhitespace: true, //压缩...刚开始js压缩一直输出不了文件,也没有报错,如果出现这个问题,可以看看bable,这边是@babel/env,之前是@babel/preset-env。...如果还是老项目的,可以考虑考虑自己压缩一下,当然,如果服务器有进行压缩,那就不用考虑了。

42130

Nginx 静态压缩和代码压缩,提高访问速度!

T_T 对于这个问题,咋们今天就从代码压缩 + nginx 静态资源压缩,两个方面进行研究解决!!!...transferred 为 24.6MB 很明显,经过了 nginx 的静态资源压缩,访问速度提高了,显著的!!!...nginx 静态资源动态压缩的原理,无非就帮我们将 js、css 等文件,压缩为一个.gz 文件,然后传输给前端浏览器,进行解析。...nginx 静态资源静态压缩 将 js、css 等文件,生成对应的.gz 文件 这个,就可以借助一些依赖进行处理了:compression-webpack-plugin 安装依赖: npm install...静态压缩 动态压缩 好了,nginx 的静态压缩,就到这里了!!! 今天就先到这里了,溜了溜了溜了!!!

1.7K20

使用Gulp压缩静态资源

如果希望对在静态页面中引入的相关资源进行压缩(比如:CSS,JavaScript,图片等),可以使用Gulp实现。 当然,还可以其他其他打包工具,比如:Grunt,Webpack等等。...Gulp是什么 Gulp是一个用于对静态Web资源进行打包的工具,可以实现对静态资源的压缩,本质上是一个npm模块。 在正式使用Gulp之前,需要先安装并配置好Node.js环境。...应用实践 如下示例将实现对静态网站中使用CSS,JavaScript和图片资源进行压缩,并最终打包到指定目录。...在项目根目录下安装对应插件: # 使用gulp-uglify压缩js npm install --save-dev gulp-uglify # 使用gulp-clean-css压缩css npm install...--save-dev gulp-clean-css # 使用gulp-smushit压缩图片 npm install --save-dev gulp-smushit # 使用gulp-htmlmin压缩

71620

使用gulp压缩博客静态资源

更新记录 2022-01-19: 文本迁移 将gulp内容从合集迁移至独立文章 新增字体压缩相关内容 参考方向 教程原贴 gulp官方文档,用于查找API用法及查看已收录的gulp插件 gulp.js中文文档...的使用文档 gulp-fontmin 写在最前 gulp能够帮助用户自动压缩静态资源,配合各类下属插件,能够压缩包括css、js、html乃至各类格式的图片文件。...(图片文件的压缩往往只能节省几十KB,效果远远不如imagine、tinypng等压缩方式,所以此处不再写使用gulp压缩图片的内容)。...打开终端,输入: npm install --global gulp-cli #全局安装gulp指令集 npm install gulp --save #安装gulp插件 安装各个下属插件以实现对各类静态资源的压缩...在博客根目录[Blogroot]下新建gulpfile.js, 打开[Blogroot]\gulpfile.js, 输入以下内容: 方案一:babel 压缩 js //用到的各个插件 var gulp

73711

win10+iis7.5 配置伪静态

因此,我基本上都是使用的iis+php的工作环境。当然,iis还有一个好处是可以支持中文目录,这对于我这样的英文白痴来说,还是很好的。 问题是,iis配置伪静态还是一件比较麻烦的事情。...所以一直是使用的动态地址,切换到服务器的时候再换成伪静态。今天闲来无事,研究了一下,发现,iis7配置伪静态,不要太简单呀!~ 首先,请确保本地的iis环境是没有问题的哦,如果不行,请百度。...到:http://www.iis.net/downloads/microsoft/url-rewrite 这个地址下面去下载插件 在页面 找到 Download URL Rewrite Module 2.0...安装完成后,重启iis控制面板,就会发现 多了一个 URL Rewrite 图标。就说明安装完成了。 然后,web.config 配置文件就可用啦!~呵呵

1.2K10

nginx配置静态资源gzip压缩

1.config 内容编写 gzip on; gzip_min_length 1k; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_comp_level..."; gzip_vary on; 参数 说明 默认值 gzip on/off 开启/关闭gzip压缩 默认是off gzip_min_length 1k 允许压缩的页面最小字节数 默认为0 gzip_buffers...协议才进行压缩 默认为1.1 gzip_comp_level 6 表示gzip的压缩级别,范围是1-9,数据越大,压缩的越小,耗CPU,传输更快,一般选择适中的级别 默认为1 gzip_types text...禁用gzip的条件,这里表示禁用IE1-6的版本,因为低版本不支持gzip gzip_vary on 给代理服务器用的,有的浏览器支持压缩,有的不支持,所以避免浪费不支持的也压缩,所以根据客户端的HTTP...头来判断是否需要压缩

2.2K20

Win7Windows2003下IIS6.0、IIS7.5的伪静态组件安装和伪静态配置方法

Win7/Windows2003下IIS6.0、IIS7.5的伪静态组件安装和伪静态配置方法,还包括常用的伪静态规则使用方法 1)下载IIS静态组件——ISAPI_Rewrite3完全破解版 ISAPI_Rewrite3...非常好用,是个人见过最好用同时可以支持多站点的IIS静态组件!...3)IIS静态配置方法 我们打开Internet 信息服务(IIS)管理器,找到“网站”,右键打开“属性”选项卡; 选择“ISAPI 筛选器”选项卡,点击“添加”,弹出“添加/编辑筛选器属性”,“筛选器名称...这样的话伪静态就配置成功了。 4)IIS静态使用方法: IIS静态配置成功后,在你的IIS管理器——网站下面,任意建立一个新网站,就可以使用伪静态了。...id=$1 #说明:RewriteEngin on表示启用重写功能;RewriteBase / 表示重写的路径是从网站根目录开始 2、在localhost下新建get.asp文件,文件内容以下: <%

1.6K30
领券