在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。