1. 程式人生 > >asp.net mvc3 css/js壓縮合並---持續更新

asp.net mvc3 css/js壓縮合並---持續更新

1,CSS/JS壓縮:

    我下面的合併是用了combres的元件,這裡我就不用這個實現了,推薦一個可以像vs裡面的cs/aspx這樣編輯的一個css/js編輯器。

    名稱:Chirpy

    描述:實現css/js檔案像編輯cs/aspx這樣的方式編輯未壓縮過的css/js和已壓縮為min.css/js。只需要把css/js的名稱按照設定的規則命名,chirpy會自動為該檔案生成一個min壓縮過的版本,而且已子的方式顯示。真相見下圖:


   使用:首先在codeplex下載,如果有安裝vs2010可以直接安裝元件,然後重啟vs2010,接著開啟工具-》選項: 

    綠色框裡面的就是你可以自定義未壓縮的檔名稱。左邊還有javascript設定等,還有很多功能哦!現在你只需要把css/js.改成yui.css/yui.js。我這裡的yui使用的是yahoo compressor進行壓縮,你可以選擇右側下邊的hybird.....等。

2,css/js合併,使用combres

    名稱:Combres

    描述:如果是mvc3需要結合網站的documentation進行使用,預設的英文介紹使用的是asp.net,mvc2。mvc3的設定和使用過程還是有些不同的,不同看英文介紹就可以了。我這裡介紹mvc3的使用,模板引擎是razor的。

   使用:

         (1)下載combres,解壓得到。也可以不下載,直接使用vs2010的NuGet功能,這裡我就不下載了;

       (2)新建mvc3專案,開啟vs2010,檢視-》其他視窗-》 Package Manager Console;

       (3)輸入Install-Package Combres.Mvc,

自動安裝combres

       (4)安裝完成,會自動生成App_Data/combres.xml,這個就是設定壓縮/合併的檔案配置。具體配置看英文介紹就可以了,一下是我的配置事例:

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <combresxmlns="urn:combres">
  3.   <resourceSetsurl="~/combres.axd"defaultDuration="30"
  4.                                 defaultVersion="auto"
  5.                                 defaultDebugEnabled
    ="auto">
  6.     <resourceSetname="siteBaseCss"type="css">
  7.       <resourcepath="~/Content/themes/base/jquery.ui.accordion.css"/>
  8.       <resourcepath="~/Content/themes/base/jquery.ui.autocomplete.css"/>
  9.       <resourcepath="~/Content/themes/base/jquery.ui.base.css"/>
  10.       <resourcepath="~/Content/themes/base/jquery.ui.button.css"/>
  11.       <resourcepath="~/Content/themes/base/jquery.ui.core.css"/>
  12.       <resourcepath="~/Content/themes/base/jquery.ui.datepicker.css"/>
  13.       <resourcepath="~/Content/themes/base/jquery.ui.dialog.css"/>
  14.       <resourcepath="~/Content/themes/base/jquery.ui.progressbar.css"/>
  15.       <resourcepath="~/Content/themes/base/jquery.ui.resizable.css"/>
  16.       <resourcepath="~/Content/themes/base/jquery.ui.selectable.css"/>
  17.       <resourcepath="~/Content/themes/base/jquery.ui.slider.css"/>
  18.       <resourcepath="~/Content/themes/base/jquery.ui.tabs.css"/>
  19.       <resourcepath

    相關推薦

    asp.net mvc3 css/js壓縮---持續更新

    1,CSS/JS壓縮:     我下面的合併是用了combres的元件,這裡我就不用這個實現了,推薦一個可以像vs裡面的cs/aspx這樣編輯的一個css/js編輯器。     名稱:Chirpy     描述:實現css/js檔案像編輯cs/aspx這

    asp.net core2.1 bundleconfig.json壓縮資源文件

    源代碼 bundle 16px 綁定 apr onf 中轉 vertica 空值 在asp.net core中則可以使用BuildBundlerMinifier來進行css,js的壓縮合並 1、使用NuGet安裝 BuildBundlerMinifier(也可以在vs中下載

    ASP.NET Core框架揭祕[博文彙總-持續更新]

    第1部分 跨平臺開發體驗1 跨平臺開發體驗        001 跨平臺開發體驗: Windows [上篇]         002 跨平臺開發體驗: Wind

    Grunt的配置及使用(壓縮js/css

    exports ner 插件 spec per 其它 data dem init Grunt的配置及使用(壓縮合並js/css) 安裝 前提是你已經安裝了nodejs和npm。 你能夠在 nodejs.org 下載安裝包安裝。也能夠通過包管理器(比方在 Ma

    第十一節:Bundles壓縮jscss及原理分析

    string數組 tab 速度 操作 spn sof 參考 reader 調試 一. 簡介 1.背景:瀏覽器默認一次性請求的網絡數是有上限的,如果你得js和css文件太多,就會導致瀏覽器需要多次加載,影響頁面的加載速度, MVC中提供Bundles的方式壓縮合並js和cs

    gulp教程之壓縮cssjs

    配置 分享 ava png 命令行 end 文件名 所有 gulp package.json如果你熟悉 npm 則可以利用 package.json 保存所有 npm install --save-dev gulp-xxx 模塊依賴和模塊版本。在命令行輸入 npm ini

    Ubuntu安裝Mono2.10使用Apache承載Asp.Net mvc3應用程式

          Asp.Net長久以來令大規模部署所詬病的便是其成本的高企,mono的出現為.net應用程式打開了通往linux的一扇大門,使得.Net應用程式低成本部署成為可能。最近為了嘗試將Asp.Net Mvc3部署在Linux下,查閱了很多資料,但發現大多數都是在OpenSUSE的,介紹如何Ubuntu下

    ASP.net解決CSSJS的快取問題

    前言 筆者前幾個月沒怎麼寫部落格,現在實習工作也4周了,開始規定自己每週寫一篇,主要目的是為了總結一下工作中遇到的問題與解決方法以及涉及到的知識,並與大家分享;順便的鍛鍊下自己的語言表達能力,這個在工作中真是太重要的,很多時候只要可以把問題清楚的描述出來,就等

    ASP.NET 使用ajaxupload.js插件出現上傳較大文件失敗的解決方法

    linu inf asp ctu idc code oca ace 去百度 在網上下載了一個ajaxupload.js插件,用於無刷新上傳圖片使的,然後就按照demo的例子去運行了一下,上傳啊什麽的都OK,但是正好上傳的示例圖片有一個比較大的,4M,5M的樣子,然後上傳就會

    Asp.Net MVC3 簡單入門詳解過濾器Filter

    添加 重復 權限 組件 再次 ace text ext 開發 前言 在開發大項目的時候總會有相關的AOP面向切面編程的組件,而MVC(特指:Asp.Net MVC,以下皆同)項目中不想讓MVC開發人員去關心和寫類似身份驗證,日誌,異常,行為截取等這部分重復的代碼,那我們可以

    CSS 定位 (Positioning) CSS 外邊距 CSS 相對定位

    一個 設置圖 ets stat 無法 但是 元素定位 tom 描述 CSS 定位 (Positioning) 屬性允許你對元素進行定位。 CSS 定位和浮動 CSS 為定位和浮動提供了一些屬性,利用這些屬性,可以建立列式布局,將布局的一部分與另一部分重疊,還可以完成多年來

    CSS外邊距問題

    pan 等於 height 浮動框 第一個 設置 向上 意思 gree   今天無意中碰到了外邊距合並的問題,於是便研究了一下。這裏做個筆記。   所謂外邊距合並,指的是當兩個垂直外邊距相遇時,它們將形成一個外邊距。合並後的外邊距的高度等於兩個發生合並的外邊距的高度中的較

    如何在Node.js兩個復雜對象

    node sum cond indexof 過程 我們 http str first  通常情況下,在Node.js中我們可以通過underscore的extend或者lodash的merge來合並兩個對象,但是對於像下面這種復雜的對象,要如何來應對呢?   例如我有以下兩

    jQuery Uploadify在ASP.NET MVC3中的使用

    插件 pts type ade exist on() -- ssi margin 1、Uploadify簡介 Uploadify是基於jQuery的一種上傳插件,支持多文件、帶進度條顯示上傳,在項目開發中常被使用。 Uploadify官方網址

    Asp.net MVC簡單實現生成Excel下載

    user query 輔助類 his rpath play 是我 none mod 由於項目上的需求,需要導出指定條件的Excel文件。經過一翻折騰終於實現了。 現在把代碼貼出來分享 (直接把我們項目裏面的一部份輔助類的代碼分享一下) 我們項目使用的是Asp.Net M

    gulp自動化壓縮、加版本號解決方案

    nal efi fun 完成 文件添加 pda ndb fault index 雖然網上有很多的 gulp 構建文章,但是很多都已經隨著 gulp 插件的更新無法運行了。因此,我寫了這個比較簡單的構建方案。 如果還不熟悉 gulp 的插件,可以閱讀上一篇文章:精通gu

    Asp.Net MVC 中JS通過ajaxfileupload上傳圖片獲取身份證姓名、生日、家庭住址等詳細信息

    新手上路 pri virt them boolean tac 識別 multipart utf 客戶要求用身份證圖片上傳獲取身份證的詳細信息就下來研究了一下(現在的客戶真的懶 身份證信息都懶得輸入了哈哈...),經過慢慢研究,果然皇天不負有心人搞出來了。這個借助的是騰訊

    js 表格單元格

    als pan else == 包括 In sta tex HR 5列 根據需要可添加 或 刪除 strOneTemp strTwoTemp strThreeTemp strFourTemp strFiveTemp //合並單元格 this.

    asp.net mvc3 中,在controller中使用HttpPostedFileBase file 引數獲取上傳的檔案,檔案路徑問題

    轉載:https://zhidao.baidu.com/question/444203596.html   在asp.net mvc3 中,在controller中使用HttpPostedFileBase file 引數獲取上傳的檔案,開始的時候file.filename獲取的為檔案的名稱,後來

    asp.net mvc3 中,在controller中使用HttpPostedFileBase file 參數獲取上傳的文件,文件路徑問題

    amp nbsp 指點 不包含 index 之前 eas www .com 轉載:https://zhidao.baidu.com/question/444203596.html 在asp.net mvc3 中,在controller中使用HttpPostedFileB