Asked May 15th, 6:28 PM 80 0 1
  • 80 0 1
+1

Làm cách nào để convert html từ template có sẵn sang project Laravel Vue?

Share
  • 80 0 1

Chào mọi người, hiện tại tôi đang có một template admin dashboard được viết bằng html. Trong source của template này có thêm nhiều filejs,css bên ngoài để xử lí các hiệu ứng cho giao diện. Khi convert nó sang project laravel vue thì tôi không biết làm cách nào để import các file js bên kia vào như thế nào. Xin mọi người giúp đỡ.

1 ANSWERS


Answered May 16th, 8:39 AM
+3

chào bạn, theo mình bạn có 2 cách tiếp cận như sau:

  1. Cách 1: cố gắng convert càng nhiều càng tốt đống lib bên trên dùng npm package nếu có thể.

Ở cách này bạn lên npm search xem những package trên cái nào có, và chuyển chúng sang dùng npm install..., ví dụ jQuery có trên npm, Sau đó bạn update file main.js hoặc file app.js, import chúng vào và cho chúng nó thành global:

import $ from 'jquery`
window.$ = $

Lí do phải cho chúng thành global bởi vì như bên trên code của bạn thì toàn bộ để là global, nên nếu bạn ko có bước window$... thì khi chạy lên sẽ thấy báo undefined

Nhược điểm lớn nhất của cách này đó là ko phải package nào cũng có trên npm, hoặc package cũng rất cổ và có thể ko tương thích nữa (ví dụ jquery sparkline). Và khả năng chạy lên có lỗi là rất cao

  1. Cách 2: vẫn làm như cũ - load thư viện từ URL.

Copy toàn bộ đống lib như trong ảnh và để vào file Laravel blade của bạn, file Laravel blade ở đây chính là file nơi mà bạn load app VueJS = nơi có thẻ <script src=/js/app.js />:

<Load các thư viện trước khi load app.js>
...
<script src=/js/app.js />

Ưu điểm của cách này, đơn giản, ít gây lỗi và nhanh 😃. Nhược điểm: ko tối ưu bằng cách 1

Share
Tiến Minh @minhtien020900
May 16th, 4:42 PM

Cảm ơn bạn rất nhiều ❤️

+1
| Reply
Share