在 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

只需使用this 它是基于 Vue 的 Admin LTE。