Lodash la gì
注册 无法处理你的请求此请求遇到了问题。我们会尽快将它修复。
Meta © 2022 Bài viết được sự cho phép của tác giả Lưu Bình An Mình đã từng nghe một bạn Principle FE trong công ty phát biểu là
Khoan bàn chuyện đúng sai trong phát biểu này, nếu bạn cũng như mình, vẫn đang dùng Tại sao cần làm đúng? Vì nếu làm sao vô tình bạn sẽ làm phình cục bundle lên gấp mấy chục lần Giờ so sánh 3 cách Cách 1
Tại sao lại chọn kiểu này? Không cần quan tâm đến user, cảm giác rất quyền
lực như có găng tay vô cực, chỉ với Điểm yếu, đây là cách tuyệt đối nghiêm cấm, vì gần như là load nguyên cái thư viện Tổng 190 KB, Lodash ngốn hết 72.5kb Cách 2
Kiểu này ổn, dễ đọc, rất rõ ràng để thấy được những hàm nào cần sử dụng. Tuy nhiên, nó lại không khác gì với cách 1. Tổng vẫn là 190kb Cách 3
Kết quả cho thấy đây là cách tiết kiệm nhất, mặc dù thực tế sử dụng cho thấy cách này hơi tốn công anh em dev của chúng ta và nhìn đoạn import có vẻ dài. Một số ý kiến cho là dùng lodash-es, một phiên bản theo kiểu ES module sẽ tiết kiệm hơn, đây là kết quả đo được
Như vậy việc dùng Dùng lodash babel pluginSử dụng lodash babel plugin chúng ta có kết quả 140kb trên tất cả các cách import Dùng Lodash webpack pluginLodash webpack plugin không biết đã bùa chú kiểu gì mà kết quả cuối cùng rất ngon 121kb cho cách 1, các cách khác sẽ còn bé hơn nữa Kết luậnNếu ko siêng bạn nên dùng cách 3, còn nếu siêng bạn setup với babel-plugin-lodash và lodash-webpack-plugin để đạt hiệu quả cao nhất. Lodash-es thì nên dẹp luôn đừng xài vì nó ko thay đổi gì tích cực cả. The Correct Way to Import Lodash Libraries Bài viết gốc được đăng tải tại vuilaptrinh.com Có thể bạn quan tâm:
Xem thêm các việc làm Developer hấp dẫn tại TopDev |