Sử dụng laravel mix giúp chúng ta optimize lại được css, js giảm tải đc dung lượng mỗi khi request ( load page ) và một phần nữa giúp chúng ta tăng điểm pagespeed. Chúng ta hãy bắt đầu nhé.
Laravel Mix cung cấp API thông thạo để xác định các bước xây dựng Webpack cho ứng dụng Laravel của bạn bằng cách sử dụng một số bộ xử lý trước CSS và JavaScript phổ biến. Thông qua phương pháp xâu chuỗi đơn giản, bạn có thể xác định thành thạo đường ống tài sản của mình. Ví dụ
mix.js('resources/js/app.js', 'public/js')
mix.sass('resources/sass/app.scss', 'public/css');
Trước khi cài đặt laravel mix thì bạn phải cài đặt trước nodejs và npm
Ở phần này các bạn chú ý tới phiên bản của npm và nodejs đi kèm sao cho phù hợp nhé
Và khi đã cài đặt xong nodejs và npm thì bạn hãy kiểm tra xem đã hoàn tất hay chưa nhé. Bằng cách sử dụng 2 câu lệnh sau
node -vnpm -v
Ở các phiên bản 6x thì các bạn sẽ tìm thấy laravel mix ở package.json và việc còn lại bạn chỉ cần run câu lệnh sau
npm install
Quá trình cài đặt nhanh hay chậm còn phụ thuộc vào tốc độ mạng của bạn. Nên hãy cứ chờ đợi lúc nào nó chạy xong rồi làm tiếp các bước phía sau nhé. ;)
Ở môi trường dev thì mình hay chạy
npm run dev
Và ở môi trường product thì mình run
npm run production
Để mix file less thì cũng đơn gian thôi. Các bạn cấu hình vào webpack như sau
mix.less('resources/less/app.less', 'public/css');
Các bạn muốn mix nhiều file một lúc thì mình có thể làm như sau
mix.less('resources/less/app.less', 'public/css')
.less('resources/less/admin.less', 'public/css');
Và sass cũng tương tự như less bạn chỉ cần thay mix.less thành .sass là được nhé.
.... và còn một số cấu hình khác nữa các bạn có thể tham khảo thêm tại trang chủ của laravel tại đây
123code.net mang lại cảm giác an toàn nhất cho bạn, không làm bạn thất vọng, giúp bạn giải quyết được vấn đề đồ án tốt nghiệp ở thời điểm hiện tại và tương lai
- Đưa ra giải pháp, góp ý giúp bạn có được một đề tài đồ án tốt, phù hợp nhất
- Có nhiều tính năng mới, độc giúp thu hút, thuyết phục được giáo viên phản biện cũng như hội đồng bảo vệ đồ án
- Đúng ngày, đúng giờ, đầy đủ yêu cầu - tính năng
=> Nhanh tay đăng ký hoạc liên hệ với admin tại đây để có được một đồ án phù hợp với mình
Tổng hợp các đề tài đồ án tốt nghiệp khá là hay do AI gợi ý cho chúng ta
Tổng hợp các tính năng cần có trong đồ án mà công nghệ AI ChatGtp gợi ý cho chúng ta, cùng xem nhé
Cũng đú đỉnh một chút nay mình thử nhờ chatgtp làm một bài content giới thiệu code thuê đồ án xem như thế nào nhé?
Tổng hợp các bài hướng dẫn cài đặt các phần mềm, ứng dụng, biến môi trường và cách run project bằng mã nguồn php laravel mới nhất
Giới thiệu đến bạn 5+ các mẫu slide bài tập nhóm lập trình giúp bài báo cáo trở nên chuyên nghiệp tức thì. 123CODE hỗ trợ code bài tập nhóm chính xác, nhanh chóng
123code sẽ cùng bạn tham khảo địa chỉ lấy template slide báo cáo website bán hàng đầy đủ nhất
123code cung cấp kho slide để bạn tham khảo slide công nghệ thông tin cho đồ án tốt nghiệp
Tham khảo một số ý tưởng tại 123code để làm slide báo cáo đồ án đẹp và ấn tượng cho bài thuyết trình như sau.
Cùng 123code tham khảo các nguyên tắc cần tuân thủ khi thiết kế slide đồ án cho sinh viên
Cùng 123code tham khảo kho tài liệu đồ án miễn phí năm 2022 cho các sinh viên theo học ngành CNTT trong bài viết sau