Правильный способ интеграции клиентских библиотек (adminLTE) в vue js 2.0

Я пытаюсь интегрировать adminLTE с vue.

Я создал новое приложение с vue create admin-cli

Затем я сделал npm install admin-lte --save, как указано здесь: https://adminlte.io/docs/2.4/installation

Теперь npm загружает все в node_modules/admin-lte

Я действительно не знаю, как интегрировать adminLTE с приложением vue. Я думаю, я мог бы просто скопировать каждый файл, который мне нужен, в папку с ресурсами, но я хотел бы использовать какой-нибудь инструмент, чтобы избавить меня от работы.

Из компонента vue (например, App.vue) я могу сделать так

<img alt="Avatar" src="~admin-lte/dist/img/avatar.png">

«~» будет указывать на node_modules (https://vue-loader.vuejs.org/guide/asset-url.html#transform-rules)

Но я не могу использовать его в public/index.html, чтобы включить все зависимости css и js от adminLTE.

Я думаю, что мне нужно настроить веб-пакет для копирования всех необходимых зависимостей, но я не знаю, как этого добиться.


person opensas    schedule 10.08.2018    source источник
comment
Эй, ты когда-нибудь придумал лучший способ сделать это?   -  person Philip Schultz    schedule 27.06.2021


Ответы (1)


просто используйте это. Это Admin LTE на основе Vue.

введите здесь описание изображения

person Meiki Neumann    schedule 08.04.2019