2013-05-02 69 views
7

Làm thế nào để sử dụng hiệu quả TypeScript với ASP.NET MVC?Sử dụng TypeScript trong ASP.NET MVC

Tôi muốn IDE của tôi để làm các công việc sau khi tôi chạy dự án của tôi:

  1. Compile (giải thích) các file nguyên cảo của tôi (* .ts) bởi trình biên dịch nguyên cảo.
  2. Giảm thiểu tất cả các tệp javascript.
  3. Rõ ràng chạy ứng dụng của tôi :).

Làm cách nào để định cấu hình IDE tự động thực hiện tất cả các bước khi khởi động?

Trả lời

6

Tại số address này, bạn sẽ thấy rằng phiên bản xem trước hiện tại của TypeScript không cung cấp mẫu dự án cho các dự án ASP.NET MVC 4. Nhưng bạn có thể chỉnh sửa tệp csproject của mình bằng mã sau:

<ItemGroup> 

    <TypeScriptCompile Include="$(ProjectDir)\**\*.ts" /> 

</ItemGroup> 

    <Target Name="BeforeBuild"> 

    <Exec Command="&amp;quot;$(PROGRAMFILES)\ 

    Microsoft SDKs\TypeScript\0.8.0.0\tsc&amp;quot; 

    @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" /> 

    </Target> 

Nó cho phép bạn biên dịch tất cả các TypeScript khi xây dựng dự án ASP.NET MVC 4.

Giới thiệu về tối ưu hóa:

tôi đề nghị bạn tách các file JavaScript của dự án của bạn và thêm tài liệu tham khảo chúng vào trang chủ của bạn như ở bài đăng này: How can I automatically compress and minimize JavaScript files in an ASP.NET MVC app?.

Bạn cũng có thể sử dụng "bundling" bằng chế độ xem Dao cạo. Cá nhân tôi sử dụng nó và nó hoạt động hoàn hảo.

+5

Điều đó tốt và tối ưu hóa là gì? – Andrei

+1

Nếu bạn đang sử dụng gói MVC, tối ưu hóa bị vô hiệu hóa ở chế độ gỡ lỗi và được bật trong chế độ phát hành theo mặc định. – Fenton

+2

Chỉ cần tham khảo các tệp JS được tạo trong BundleConfig để xử lý việc nhóm và rút gọn. –

Các vấn đề liên quan