Nén mã CSS và JS bằng PHPStorm?

Question

Tôi đang sử dụng PHPStorm. Đây là phần mềm rất tuyệt vời cho các nhà phát triển web.

Khi tôi muốn nén các tệp CSS & JS của mình trong PHPStorm, tôi không thể tìm thấy bất kỳ tùy chọn nào trong PHPStorm.

Vì vậy, hãy cho tôi biết cách nén mã CSS & JS trong PHPStorm.

Answer 1

Tìm thấy plugin Assets Compressor. Xem nếu nó giúp.

EDIT - Thay đổi để liên kết mới như chỉ bởi @spade

Answer 2

Xem các yêu cầu tính năng liên quan:

• WEB-2138 Hỗ trợ tự động JavaScript và CSS rút gọn
• WEB-2125 trước và lệnh sau triển khai

Hiện tại, bạn có thể sử dụng các công cụ/plugin của bên thứ ba như đề xuất bởi @Pushpesh.

Answer 3

PHPStorm hỗ trợ tối thiểu hóa File Watchers. Nó hỗ trợ tích hợp với bộ nén YUI "ra khỏi hộp", nhưng nó có một số vấn đề, ví dụ: with calc() function. Giải pháp của tôi là sử dụng minifier:

1. Lặp lại các bước để cài đặt Node.js và NPM từ JetBrains manual
2. Install minifier như YUI Compressor trong sổ tay (npm install minifier)
3. tài liệu Minifier nói: "Cài đặt thông qua NPM sẽ tạo ra một nhị phân (minify) ở các vị trí thông thường ", nhưng tôi đã không tìm thấy nó (có lẽ nó không được tạo ra trên Windows). Index.js tập tin có thể được thực hiện thông qua lệnh node index.js, nhưng PHPStorm không duy trì theo cách này ("Xin vui lòng thiết lập chương trình để chạy!" Lỗi sẽ được ném). Vì vậy, tôi đã tạo tệp .bat với nội dung sau:

.

echo off 
node path\to\minifier\index.js %* 

4. Sau đó trong cài đặt watcher PHPStorm trong Program trường nhập chúng ta thiết lập đường dẫn đến tập tin .bat. Lưu ý rằng Minifier sử dụng một phương pháp khác nhau để thiết lập đường dẫn đầu ra, vì vậy chúng tôi phải thay đổi Arguments lĩnh vực: $FileName$ --output $FileNameWithoutExtension$.min.css