【问题标题】:Importing fonts in a Laravel Elixr gulpfile在 Laravel Elixr gulpfile 中导入字体
【发布时间】:2017-01-02 21:11:50
【问题描述】:

我正在观看 Elixr 和 Gulpfiles 上的 Laracast 教程 (https://laracasts.com/series/laravel-5-fundamentals/episodes/19)。到目前为止,我能够将网页设计师的 CSS 编译成缩小版本。但是,他的字体似乎无法正确呈现。我对此进行了一些研究,发现了这个(https://www.npmjs.com/package/laravel-elixir-fonts)页面并且能够安装字体管理器。但是,我对通过 gulpfile 混合 kmy 字体感到困惑。我尝试从该页面复制和粘贴 mix.fonts 语法,但是在我的命令行中运行 gulp 时遇到了SyntaxError: Unexpected token ]。我是 Laravel elixr 的新手,非常困惑。我能够弄清楚如何使用 Elixr 导入我的 CSS,但字体是另一个问题。任何帮助表示赞赏。

我正在尝试将 tff 文件导入我的 CSS,并且我已经知道 Laravel 在不使用 Facades/特殊语法的情况下不会播放资产。我对此感到非常困惑,就像我说我是 Laravel Elixr 的新手。我昨天真的看了 Laracasts 的视频,了解了基础知识。我想将一个 tff 字体文件导入到我的 gulpfile 中,不胜感激。

gulpfile.js

    /*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 |
 */var elixir = require('laravel-elixir');

require('laravel-elixir-fonts');

elixir(function(mix) {
    mix.sass('stylesheet.scss');

});

【问题讨论】:

    标签: php gulp laravel-elixir


    【解决方案1】:

    为此,我不使用外部库,而只是这个

    elixir(function(mix) {
        mix.copy(
            '../../bower_components/font-awesome/fonts',
            'public/build/fonts'
        );
    });
    

    【讨论】:

    • 好的。但是我在哪里将我的字体文件存储在第一个参数中?我有点困惑。我是否将它存储在我的 laravel 项目中的任何地方/如果是这样的话?我看到你使用凉亭,我没有凉亭的经验。如果你能解释一下那就太好了。
    • 此函数将内容从一个目录复制到另一个目录。所以第一个参数应该是你存储字体的目录。 Bower 是像 composer 一样的包管理器
    • 谢谢!这真的很有帮助。
    猜你喜欢
    • 1970-01-01
    • 2021-10-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-20
    • 1970-01-01
    • 1970-01-01
    • 2021-12-12
    相关资源
    最近更新 更多