【问题标题】:Import fontawesome into laravel mdbvue environment将 fontawesome 导入 laravel mdbvue 环境
【发布时间】:2020-01-28 08:51:15
【问题描述】:

我尝试将 fontawesome 添加到我的 laravel mdbvue 环境中

当我安装mdbvue

npm install mdbvue

fontawesome 将自动添加到我的package-lock.json 并存在于@fortawesome 的node_modules 文件夹中。

现在我想实现 fontawesome。 但是怎么做呢?

我尝试了一些没有成功的事情:

import '@fortawesome/fontawesome-free/css/all.min.css';
@import '@fortawesome/fontawesome-free/css/all.min.css';

信息:当我添加时

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">

对我的 html-header 来说,它可以工作。


编辑: 使用 xampp 和 php artisan serve 似乎有区别。当我使用最后一个时,所有图标都正确显示。

【问题讨论】:

    标签: css laravel vue.js import


    【解决方案1】:

    vuemdb更改默认名称

    所以通过app.scss中的相对路径导入fontawesome

    @import '@fortawesome/fontawesome-free/scss/fontawesome.scss';
    

    【讨论】:

    • 感谢您的回答,但这不起作用。运行npm run dev 后,编译器显示fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?333bae208dc363746961b234ff6c2500 96.1 KiB [emitted],但在浏览器中,您看到的是图标的unicode 符号(\f000)而不是图标
    • 如果它发出了,那么它正在工作,问题现在在你看来,这是一个不同的问题
    • 但是当我将&lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css"&gt; 放入我的html-header 中时,该视图完美运行。有什么区别?
    • 因为是CDN,所以不能离线工作,也没有使用npm
    【解决方案2】:

    根据this article 在 resources/js/app.js 文件中导入 fontawesome 应该可以工作。

    【讨论】:

      猜你喜欢
      • 2014-05-09
      • 1970-01-01
      • 2013-06-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-10-28
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多