ASP.NET 5 MVC6 Quy tắc đặt CSS & Javascript tùy chỉnh

Question

Vì vậy, tôi đang chơi xung quanh với MVC6 và tôi đã thêm bower.json & grunt.json, tôi đã tạo các tác vụ grunt của mình để tạo bootstrap jQuery &. css và tất cả của nó ngồi trong thư mục wwwroot như tôi mong đợi.

Nhưng còn những thứ như trang web của tôi.css & tệp main.js của tôi, các tệp mà tôi sẽ thêm vào cho dự án theo thời gian.

Mọi người đang sử dụng quy ước nào khi chọn thư mục cho nội dung này?

Chúng tôi có thêm thư mục Nội dung và thả vào không?

Có điều gì tôi thiếu, rằng tôi cũng nên sử dụng Grunt/bower không?

Answer 1

Tôi có thư mục ứng dụng và nhà cung cấp bên ngoài wwwroot. Trong nhà cung cấp, tôi tùy chỉnh các thư viện như bootstrap, themes. Trong ứng dụng tôi có các tệp css, less và js của riêng tôi cho ứng dụng. Tôi cũng có đường dẫn nội dung bên trong ứng dụng cho mọi thứ cần được sao chép (phông chữ thư mục được hiển thị trong ảnh chụp màn hình)

Sau đó, tôi sử dụng ý kiến ​​thật dễ sử dụng và cách tốt hơn công cụ grunt hoặc gulp: brunch.

Với cấu hình đơn giản này, tôi nhận được các bản đồ nguồn, concat, jshint và với --production cũng làm mờ, thu nhỏ, csso. Việc thêm bất kỳ thứ gì khác vào đường ống đơn giản như cài đặt plugin bổ sung, vì vậy tôi khuyên bạn cũng nên kiểm tra http://brunch.io/.

Answer 2

Bất kỳ tệp tĩnh nào (.css, .js) phải được thêm trực tiếp vào đường dẫn wwwroot (ví dụ: wwwroot/scripts, wwwroot/css). Bất kỳ thứ gì sẽ được biên dịch thành các tệp tĩnh (.ts, .less) sẽ được đưa vào một thư mục Assets (hoặc bất kỳ tên nào bạn thích) trong dự án và đầu ra của bạn vào đường dẫn wwwroot trong quá trình biên dịch (thường được cấu hình thông qua các nhiệm vụ biên dịch grunt).