Sử dụng khung css ít hơn trong sản xuất

Question

Chỉ vài tuần trở lại, tôi đã biết về CSS LESS. Và đó là chính xác những gì tôi đã suy nghĩ nên có sẵn trong khi viết mã css.

Bây giờ tôi rất mong muốn sử dụng nó và muốn áp dụng điều này trong kịch bản sản xuất, nhưng có một sự bắt. Để sử dụng CSS LESS, bạn có hai tùy chọn:
1. Bao gồm less.js trong các trang web của bạn.
2. Các tệp LESS biên dịch và sau đó sử dụng.

Tùy chọn đầu tiên tôi không thể mua được, bởi vì tôi cần sử dụng less.js có kích thước tối đa 43 KB. Điều này phụ tải thêm khi tôi đã sử dụng Jquery.

Tùy chọn thứ hai có vẻ đầy hứa hẹn, nhưng vấn đề là, để viết mã trong sản xuất, bạn không thể biên dịch LESS của bạn mỗi lần để kiểm tra thay đổi. Nó sẽ là kinh nghiệm dường như không giống như những gì tôi làm khi tôi mã CSS trực tiếp. Tôi nên viết LESS và ngay lập tức nó nên phản ánh trên các trang.

Vì vậy, ai cũng có thể giúp tôi trong việc thiết lập loại công việc này?

Bất kỳ đề xuất nào về các khuôn khổ tương tự khác đều được đánh giá cao.

Answer 1

Tôi sử dụng Less-PHP khi phát triển: mỗi khi tôi làm mới trình duyệt để thử nghiệm sau khi đã sửa đổi tệp .less chính, tệp .css được xuất.

Sau đó trong quá trình sản xuất, tôi chỉ phải sao chép tệp .css như bình thường.

Tôi sẽ không bao giờ sử dụng Less.js trong sản xuất vì nó sẽ chỉ hoạt động cho người dùng đã kích hoạt JS, sẽ làm chậm mọi người dùng cả về thời gian tải xuống và thời gian hiển thị khi không cần thiết.

EDIT: cũng có phần mềm sẽ chờ tệp LESS của bạn được sửa đổi và lưu và sẽ biên dịch nó khi nó xảy ra. Một lần nữa ít PHP có thể được thiết lập một lần cho mỗi dự án và sẽ làm như vậy, tôi không muốn khởi động mỗi ngày một daemon trên hệ thống của tôi nếu tôi có thể tránh nó. Tôi đã có một tường lửa, AV, MSN, Dropbox, máy khách jabber, tiện ích copypaste, SVN tích hợp và cứ thế chạy :)
EDIT vào năm 2015: Tôi đã sử dụng Prepros 4 trong một thời gian hoặc đã sử dụng một số grunt- dựa trên trình biên dịch thay thế. Đồng nghiệp của tôi có một vài lỗi với Prepros 5 vì vậy tôi chưa cài đặt nó (Prepros 5 bây giờ là một phần mềm sở hữu độc quyền, chi phí một vài đô. Một đầu tư rất tốt)

EDIT2: Có vẻ như bạn đang sử dụng Java . Một chút googling cung cấp giải pháp này: http://www.asual.com/blog/lesscss/2009/11/05/less-for-java.html

Answer 2

Như bạn đã nêu bằng cách sử dụng less.js trong sản xuất là một ý tưởng tồi. Chỉ cần thêm ý tưởng khác nếu bạn đang sử dụng Git, bạn có thể tạo các tệp CSS sản xuất như một phần của móc nối pre-commit để bạn không phải làm bất cứ điều gì theo cách thủ công để sản xuất. Tôi đã viết một chút về quy trình làm việc tôi sử dụng ở đây - http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/.

Answer 3

tôi sử dụng Java quá nhưng sau đây là khá nhiều giá trị đối với bất kỳ công nghệ:

chế độ Phát triển:

1. Bao gồm các tập tin ít hơn, nhưng không bao gồm các tập tin css tạo
2. Chạy ít js

Sản xuất:

1. sạch thư mục css tạo sử dụng kiến ​​
2. Sử dụng ít tê giác để biên dịch các file css từ ít using ant
3. Bao gồm các tập tin css tạo ra, nhưng không bao gồm các tập tin ít

tôi làm một vài điều phụ như chủ đề/da có thể dễ dàng đạt được bằng cách sử dụng bất kỳ công cụ xây dựng (kiến, maven, ...). Tôi cũng cho phép hệ thống của mình bỏ qua phiên bản của thư mục được tạo vì nó sẽ bị xóa và tạo bởi quá trình xây dựng.