pxgo: CLI ที่รวดเร็วสำหรับการแปลง px เป็น rem ในสไตล์ชีต
ลองใช้ pxgo โดย pavelsimo เพื่อแปลง CSS ที่ใช้พิกเซลเป็นหน่วย rem ที่ปรับขนาดได้สำหรับการออกแบบที่ตอบสนอง คำสั่งยูทิลิตี้ในบรรทัดคำสั่งจะทำการตรวจจับและแทนที่ค่า px ในสไตล์ชีตโดยอัตโนมัติ โดยใช้ขนาดฟอนต์พื้นฐานที่สามารถกำหนดค่าได้เพื่อคำนวณค่า rem และแก้ไขไฟล์ในที่นั้น มันทำงานเป็นไบนารี Go แบบสแตนด์อโลนที่เข้ากันได้กับ Windows shells ทำให้การประมวลผลแบบวนซ้ำเร็ว Front-end developers ที่ปรับปรุงสไตล์ชีตเก่าจะได้รับเครื่องมือที่กะทัดรัดสำหรับการปรับโครงสร้างแบบกลุ่มและการใช้งาน CI.
pxgo ทำอะไรและคำนวณค่า rem อย่างไร?
pxgo ทำการแปลงการวัดพิกเซลเป็น rem แบบกลุ่มโดยการหารค่าพิกเซลแต่ละค่าโดยขนาดพิกเซลพื้นฐาน; เครื่องมือ ตั้งค่าเริ่มต้นเป็น 16px และรับขนาดพื้นฐานที่กำหนดเองผ่านธงในบรรทัดคำสั่ง ธงนั้นจะเปลี่ยนตัวหารที่ใช้สำหรับการแปลงแต่ละครั้ง ทำให้สามารถจับคู่กับระบบการออกแบบที่ใช้พื้นฐาน 10px หรือ 12px ได้ พฤติกรรมนี้มุ่งเป้าไปที่การปรับปรุงอัตโนมัติขนาดใหญ่ที่ความสอดคล้องมีความสำคัญ
pxgo มีผลต่อประสิทธิภาพของระบบในระหว่างการปรับปรุงขนาดใหญ่หรือไม่?
เนื่องจาก pxgo เป็นยูทิลิตี้ Go ที่ถูกคอมไพล์ มันจึงให้ ความเร็วในการดำเนินการที่สูงกว่าทางเลือกที่ใช้สคริปต์ เมื่อประมวลผลโปรเจ็กต์ที่มีไฟล์สไตล์หลายร้อยไฟล์ ประสิทธิภาพนั้นช่วยลดเวลารวมในการทำงานแบบกลุ่มและเหมาะสำหรับงานอัตโนมัติโดยไม่เพิ่มกรอบการทำงานที่หนักหน่วง ไบนารีที่ถูกคอมไพล์ล่วงหน้ายังหลีกเลี่ยงการติดตั้งรันไทม์ของภาษา ซึ่งทำให้การตั้งค่าท่อ CI ง่ายขึ้นเมื่อเปรียบเทียบกับเครื่องมือที่ใช้ตัวแปล
การรัน pxgo บนไฟล์โปรเจ็กต์ปลอดภัยหรือไม่?
เครื่องมือจะทำการ แก้ไขในที่โดยค่าเริ่มต้น ซึ่งเร่งการปรับปรุง แต่เพิ่มความเสี่ยงของการเปลี่ยนแปลงที่ไม่ตั้งใจหากใช้โดยไม่มีการป้องกัน ผู้เขียนแนะนำให้รัน pxgo ภายในที่เก็บข้อมูลที่จัดการโดย Git หรือสร้างสำเนาสำรองก่อนการดำเนินการเพื่อรักษาความสามารถในการกู้คืน การทำงานที่ปลอดภัยในทางปฏิบัติรวมถึง:
- รัน pxgo บนสาขาฟีเจอร์ ไม่ใช่หลัก
- สร้างสำเนาชั่วคราวของต้นไม้สไตล์ชีตก่อนการทดสอบ
- คอมมิตไฟล์ปัจจุบันเพื่อให้สามารถย้อนกลับการเปลี่ยนแปลงได้
ฉันต้องมีทักษะในบรรทัดคำสั่งเพื่อใช้งาน pxgo หรือไม่?
pxgo เป็นยูทิลิตี้ในบรรทัดคำสั่ง ที่ปฏิบัติตามปรัชญาการทำสิ่งเดียว ดังนั้นผู้ใช้งานควรมีความคุ้นเคยกับเชลล์และธง ไบนารีที่ถูกคอมไพล์ล่วงหน้าสำหรับ Windows สามารถทำงานใน Command Prompt, PowerShell หรือ WSL และการปล่อยข้ามแพลตฟอร์มรองรับ macOS และ Linux นักพัฒนาที่เขียนสคริปต์ขั้นตอนการสร้างหรือท่อ CI จะรวมเครื่องมือนี้โดยตรง; นักออกแบบที่ไม่ใช่เทคนิคอาจชอบทางเลือกกราฟิกสำหรับการแปลงแบบครั้งเดียว
pxgo เป็นเครื่องมือแปลงที่ใช้งานได้จริงสำหรับนักพัฒนาที่ทำการปรับเปลี่ยนสไตล์ชีตโดยอัตโนมัติ
pxgo เป็นตัวเลือกที่มีประสิทธิภาพสำหรับนักพัฒนาฝั่งหน้า ที่ต้องการการแปลงจาก px เป็น rem แบบจำนวนมาก; มันทำงานได้อย่างรวดเร็วและสามารถรวมเข้ากับสคริปต์ได้ ข้อเสียที่ชัดเจนเพียงอย่างเดียว: มันจะปรับเปลี่ยนไฟล์ในที่ตั้งตามค่าเริ่มต้น ดังนั้นควรใช้การควบคุมเวอร์ชันหรือสำรองข้อมูลก่อนที่จะรัน วิธีการแบบไบนารีที่แยกออกมาของมันช่วยลดความยุ่งยากในการตั้งค่าในสภาพแวดล้อมการทำงานอัตโนมัติ ทำให้มันเหมาะสมกับทีมที่กำลังปรับปรุงฐานรหัสสไตล์ชีตขนาดใหญ่ที่รองรับการทำงานผ่าน command-line.