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

Question

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 file js,css bên ngoài để xử lí các hiệu ứng cho giao diện. Khi con...

Answer

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

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

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

1 CÂU TRẢ LỜI