在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的Admin LTE。

here