在vue js 2.0中集成客戶端庫（adminLTE）的正確方法

Question

我正在嘗試將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中使用它來包含adminLTE的所有css和js依賴項。

我認為我必須配置webpack來復制所有需要的依賴項，但是我不知道如何實現。

Answer 1

只需使用這正是基於Vue公司的管理員LTE。