C#Css/Js静态文件压缩--Yui.Compressor.Net

一.Asp.Net 自带静态文件压缩工具包

Microsoft.AspNet.Web.Optimization

http://www.nuget.org/packages/Microsoft.AspNet.Web.Optimization/1.1.3

但好像没有提供可直接条用的压缩方法,并且再用mvc4.0的时候,同一个网站多个域名也出现了一些问题。于是有了下面

二.使用Yahoo for .Net 的压缩工具,Nuget包名称:YUICompressor.NET

Yahoo.Yui.Compressor.dll

Nuget包源码地址:http://yuicompressor.codeplex.com/documentation

Git源码地址:https://github.com/PureKrome/YUICompressor.NET

使用方法:

1.使用命令

Install-Package YUICompressor.NET

2.使用管理Nuget包工具

三、压缩方法使用

1.css

//读取Css文件并压缩另存文件
CssCompressor compressor = new CssCompressor();
Console.WriteLine("默认编码:" + compressor.ContentType);
string filename = @"L:\ABCSolution\StaticFile\StaticFile\Css\WLSite.css";
string newfilename = @"L:\ABCSolution\StaticFile\StaticFile\Css\WLSite.min.css";

string source = File.ReadAllText(filename);
source = compressor.Compress(source);
File.WriteAllText(newfilename, source);

2.Js

//Javascript 压缩
JavaScriptCompressor compressor = new JavaScriptCompressor();
Console.WriteLine("默认编码:" + compressor.Encoding.EncodingName);
Console.WriteLine("默认文件类型:" + compressor.ContentType);
//使用utf-8 编码文件
compressor.Encoding = Encoding.UTF8;
string filename = @"L:\ABCSolution\StaticFile\StaticFile\Js\cover3.0.js";
string newfilename = @"L:\ABCSolution\StaticFile\StaticFile\Js\cover3.0.min.js";

string source = File.ReadAllText(filename);
source = compressor.Compress(source);
File.WriteAllText(newfilename, source);

四、自开发压缩工具

工具软件下载:

51cto:http://down.51cto.com/data/2215285

csdn:http://download.csdn.net/detail/u011127019/9512366

工具git源代码:http://git.oschina.net/tiama3798/CompressorTool

时间: 2024-08-05 04:41:18

C#Css/Js静态文件压缩--Yui.Compressor.Net的相关文章

Django之CSS,JS静态文件的配置

一. 专门创建一个目录放静态文件,即CSS,JS等. 1)先把jquery.min拿过来. 2)新建一个CSS文件放入样式 3)在login.html中引入.css文件 在login.html中引入.JS文件 4) 运行,检验效果,发现出错了. 报错找不到路径,请求的地址如下. 5) 所以静态文件应该有专门针对静态文件的处理方式.在setting里面加一句话,注意大小写和逗号, 表示我已经配置好我的静态目录了,这样就会去static文件夹下找静态文件的配置了.重启服务器端,运行,测试效果良好,已

Nginx设置Js、Css等静态文件的缓存过期时间

location ~.*\.(js|css|html|png|jpg)$ { expires 3d; } expires    3d; //表示缓存3天 expires    3h; //表示缓存3小时 expires    max; //表示缓存10年 expires    -1; //表示永远过期. 如果设置为-1在js.css等静态文件在没有修改的情况下返回的是http 304,如果修改返回http 200 http 304:自从上次请求后,请求的网页未修改过.服务器返回此响应时,不会返回

tomcat 无法加载js和css 等静态文件的问题

前段时间做了个网站,在本地tomcat测试都没有问题,但是部署到阿里云上之后,系统样式全没了.jsp等动态页面访问正常. 打开浏览器监控发现所有的css 和js 文件返回都是404 .直接访问单个的css 文件也同样是404.以为是路径错了,于是一一对了一遍各个文件的路径和服务器上 tomcat路径方面的设置 发现路径没有问题.在网站更目录创建一个css文件和html文件均不能访问.确认不是网站路径的问题. 然后怀疑是tomcat 和 Apache 冲突了,或者可能是Apache 的设置不对.因

Spring MVC程序中得到静态资源文件css,js,图片文件的路径问题总结

上一篇 | 下一篇 Spring MVC程序中得到静态资源文件css,js,图片 文件的路径 用 Spring MVC 开发应用程序,对于初学者有一个很头疼的问题,那就是程序数据都已经查询出来了,但界面样式仍然十分丑陋,加载不了 css,js,图片等资源文件.当你在浏览器上直接输入某个css文件的路径时,直接得到404错误,而路径肯定没有错,其原因就在于在web.xml 中配置了类似如下的 spring servlet: 程序代码 <servlet>    <servlet-name&g

[django]Django的css、image和js静态文件生产环境配置

前言:在Django中HTML文件如果采用外联的方式引入css,js文件或者image图片,一般采用<link rel="stylesheet" href="../css/lstyle.css">这个格式,但是django中需要配置一下,才能如此使用. 关键词:django静态文件 django生产环境 django1.8 正文: 第一步,在django工程目录下建立static文件夹,同时在static文件夹下建立css img js三个不同名称的文件

Eclipse中使用Tomcat加载项目在浏览器中访问的时候JS和CSS等静态文件无法加载的问题

首先,我的Eclipse是引用外部的Tomcat 引用外部Tomcat会在左侧生成一个Server文件夹,相当于复制了一份Tomcat到Eclipse的安装目录里 具体Tomcat所在目录可以在这进行查看 双击Tomcat服务,会打开一个窗口,然后点击Open launch configuration,可打开配置窗口,在这里可以查看到具体服务所在位置. 接下来步入正题,正如题目所说,Eclipse中使用Tomcat加载项目在浏览器中访问的时候JS和CSS等静态文件无法加载,如图 仔细看下路径,会

Django使用js,css等静态文件的时候,出现mime类型问题

使用adminLTE模板, return render(request, 'AdminLTE/index.html') 的时候报如下错误且页面渲染异常,css没有效果: Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://127.0.0.1:8000/host/index/plugins/iCheck/flat/blue.css". 报错截图: 原因: 问题解决了,其实

Spring MVC程序中怎么得到静态资源文件css,js,图片文件的路径问题

问题描述 在用springmvc开发应用程序的时候.对于像我一样的初学者,而且还是自学的人,有一个很头疼的问题.那就是数据都已经查出来了,但是页面的样式仍然十分简陋,加载不了css.js,图片等资源文件,如果你输入某个css的文件在浏览器中得到的直接是404错误(例如http://localhost:8080/iMax_view/css/classify.css),表示路径肯定没有错,这是因为你在web.xml中配置的springservlet ]<!-- springmvc前端控制器,rest

Grunt:多个css,js,进行单独压缩

module.exports = function (grunt) { // 构建任务配置 grunt.initConfig({ //读取package.json的内容,形成个json数据 pkg: grunt.file.readJSON('package.json'), //压缩js uglify: { //文件头部输出信息 options: { banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd