8
NPM กับ Bower เทียบกับ Browserify เทียบกับ Gulp vs. Grunt vs. Webpack
ฉันพยายามที่จะสรุปความรู้ของฉันเกี่ยวกับตัวจัดการแพคเกจจาวาสคริปต์ที่เป็นที่นิยมมากที่สุดผู้รวบรวมและผู้รันภารกิจ โปรดแก้ไขให้ฉันถ้าฉันผิด: npm& bowerเป็นผู้จัดการแพคเกจ พวกเขาเพียงแค่ดาวน์โหลดการอ้างอิงและไม่ทราบวิธีการสร้างโครงการด้วยตัวเอง สิ่งที่พวกเขารู้คือการโทรwebpack/ gulp/ gruntหลังจากดึงการอ้างอิงทั้งหมด bowerเป็นเหมือนnpmแต่สร้างต้นไม้พึ่งพาอาศัยแบบแบน (ไม่เหมือนต้นไม้npmที่เรียกซ้ำ) หมายถึงการnpmดึงการอ้างอิงสำหรับการพึ่งพาแต่ละครั้ง (อาจดึงเหมือนกันสองสามครั้ง) ในขณะที่bowerคาดว่าคุณจะรวมการพึ่งพาย่อยด้วยตนเอง บางครั้งbowerและnpmใช้ร่วมกันสำหรับ front-end และ back-end ตามลำดับ (เนื่องจากเมกะไบต์แต่ละตัวอาจมีปัญหาใน front-end) gruntและgulpเป็นนักวิ่งภารกิจที่จะทำให้ทุกอย่างเป็นไปโดยอัตโนมัติ (เช่นการคอมไพล์ CSS / Sass, ปรับภาพให้ดีที่สุด, สร้างมัดและย่อขนาด / transpile) gruntเทียบกับgulp(เป็นเหมือนmavenเทียบgradleหรือการกำหนดค่าเมื่อเทียบกับรหัส) ฮึดฮัดจะขึ้นอยู่กับการกำหนดค่างานแยกต่างหากแต่ละงานเปิด / จัดการ / ปิดไฟล์ อึกต้องใช้จำนวนน้อยรหัสและเป็นไปตามกระแสโหนดซึ่งช่วยให้มันสามารถสร้างไปป์ที่โยงโซ่ (w / o เปิดไฟล์เดียวกันอีกครั้ง) และทำให้มันเร็วขึ้น webpack( webpack-dev-server) - สำหรับฉันมันเป็นงานที่มีการโหลดใหม่ของการเปลี่ยนแปลงที่ช่วยให้คุณลืมเกี่ยวกับนักดู JS / CSS ทั้งหมด npm/ …