Kata pengantar
Saat mengembangkan front-end, Anda sering menulis beberapa file yang lebih sedikit atau sedikit, tetapi file-file ini perlu dikompilasi ke dalam file CSS agar efektif. Sebelumnya, beberapa alat konstruksi otomatis digunakan untuk mendengarkan perubahan file proyek secara real time, dan beberapa konfigurasi diperlukan.
Plug-in Watch File Idea digunakan di sini, tanpa konfigurasi tambahan, yang sederhana dan nyaman.
beroperasi
Dependensi
Lokasi Plugin
Konfigurasikan arloji file
1. Buat file yang lebih sedikit di proyek
Buat file yang lebih sedikit
2. Konfigurasikan arloji file dari file yang lebih sedikit.
Kita dapat melihat bahwa ada pengamat di bagian atas file apakah akan mengaktifkan lebih sedikit file, klik ya
Konfigurasikan lebih sedikit arloji file
Klik Sisipkan Makro di ujung kanan jalur output untuk melihat makro yang telah ditentukan dan konten yang diwakilinya.
Masukkan ke antarmuka makro
Rendering terakhir
Konfigurasi akhir
Anda dapat melihat bahwa lebih sedikit dikompilasi ke dalam file CSS secara real time
Kompilasi gambar real-time
tambahan
File Watch tidak hanya dapat mengamati lebih sedikit file, tetapi juga menangani operasi yang memantau perubahan file secara real time. Kami dapat mengonfigurasinya sendiri dalam konfigurasi ide.
Lokasi arloji file
Saya tidak merekomendasikan menggunakan kompiler sass di ujung depan, karena memasang kompiler sass pada windows tergantung pada banyak hal, baik di C ++ dan Python. Meskipun tidak apa -apa menggunakan Sass di Mac atau Linux, itu akan menyebabkan masalah saat menggunakannya pada Windows. Kurang memiliki fungsi yang sama seperti Sass, dan pada akhirnya akan dikompilasi menjadi CSS. Dengan alat yang bermanfaat, gunakan kurang langsung.
Meringkaskan
Di atas adalah metode ide intelj menggunakan FileWatch untuk mengkompilasi lebih sedikit file secara real time. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!