13
Tôi đã thử tính năng rút gọn và đóng gói mới trong ASP.NET MVC 4 và nó hoạt động tuyệt vời miễn là bạn sử dụng các quy ước thư mục mặc định cho các tệp css và js.ASP.NET Optimization - Bundling
/Content
/Scripts
Tôi thường đặt css và kịch bản trong một thư mục có tên tĩnh như thế này
/Static/Css
/Static/Js
Tôi cố gắng để đăng ký gói của riêng tôi như thế này:
public static class BundleCollectionExtensions
{
public static void RegisterScriptsAndCss(this BundleCollection bundles)
{
var bootstrapCss = new Bundle("~/Static/Css", new CssMinify());
bootstrapCss.AddDirectory("~/Static/Css", "*.css");
bootstrapCss.AddFile("~/Static/Css/MvcValidation.css");
bootstrapCss.AddFile("~/Static/Css/bootstrap-responsive.min.css");
bootstrapCss.AddFile("~/Static/Css/bootstrap.min.css");
bundles.Add(bootstrapCss);
var bootstrapJs = new Bundle("~/Static/Js", new JsMinify());
bootstrapJs.AddDirectory("~/Static/Js", "*.js");
bootstrapJs.AddFile("~/Static/Js/jquery-1.7.1.min.js");
bootstrapJs.AddFile("~/Static/Js/jquery.validate.min.js");
bootstrapJs.AddFile("~/Static/Js/jquery.validate.unobtrusive.min.js");
bootstrapJs.AddFile("~/Static/Js/bootstrap.min.js");
bootstrapJs.AddFile("~/Static/Js/gunsforhire.js");
bundles.Add(bootstrapJs);
}
}
Và trong
Global.ascx.cs
Tôi đã làm điều này:
BundleTable.Bundles.RegisterScriptsAndCss();
Các đánh dấu được tạo ra trông như thế này:
<link href="/Static/Css?v=D9JdmLZFFwjRwraNKfA1uei_YMoBoqLf-gFc0zHivM41" rel="stylesheet" type="text/css" />
<script src="/Static/Js?v=mbKbf5__802kj-2LS5j9Ba-wvSxBCKNMQGBgzou6iZs1" type="text/javascript"></script>
Tuy nhiên Nó không làm việc, yêu cầu trông như thế này:
Request URL:http://localhost:49603/Static/Js?v=mbKbf5__802kj-2LS5j9Ba-wvSxBCKNMQGBgzou6iZs1
Request Method:GET
Status Code:301 Moved Permanently (from cache)
Query String Parametersview URL encoded
v:mbKbf5__802kj-2LS5j9Ba-wvSxBCKNMQGBgzou6iZs1
Request URL:http://localhost:49603/Static/Js/?v=mbKbf5__802kj-2LS5j9Ba-wvSxBCKNMQGBgzou6iZs1
Request Method:GET
Status Code:404 Not Found
Request Headersview source
Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Host:localhost:49603
Referer:http://localhost:49603/
User-Agent:Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.56 Safari/535.11
Query String Parametersview URL encoded
v:mbKbf5__802kj-2LS5j9Ba-wvSxBCKNMQGBgzou6iZs1
Response Headersview source
Cache-Control:private
Content-Length:4757
Content-Type:text/html; charset=utf-8
Date:Thu, 01 Mar 2012 19:05:44 GMT
Server:Microsoft-IIS/7.5
X-Powered-By:ASP.NET
X-SourceFiles:=?UTF-8?B? QzpcQENvZGVccGVsbGVccGVsbGVoZW5yaWtzc29uLnNlXHNyY1xXZWJcU3RhdGljXEpzXA==?=
Tôi đang làm gì sai?
Cập nhật
Tôi nghĩ rằng cuối cùng tôi đã có thể giải quyết điều này bằng cách làm như sau:
Loại bỏ các AddDirectory gọi
bootstrapCss.AddDirectory("~/Static/Css", "*.css");Cho các đường dẫn bó mà không phản ánh cấu trúc thư mục thực
Bạn có ý gì với số 2 "Cho phép các đường đi gói không phản ánh cấu trúc thư mục thực"? – CallMeLaNN
Nếu bạn có cấu trúc thư mục như thế này/script/app, bạn không nên sử dụng đường dẫn đó trong gói ("~/ít nhất là tôi đã có một số vấn đề làm điều đó trong mvc 4 rc. đó không còn là vấn đề nữa. – Pelle
Xin chào, bạn có bất kỳ manh mối nào mà không gian tên tôi bị thiếu không? tôi không nhận được Addfile hoặc AddDirectory trong bootstrapcss. ? – Sakthivel