Famo.us и Font-Awesome

Question

Кто -нибудь испытывал проблемы при распространении проекта с grunt, в том числе шрифта удивительным?

Моя проблема в том, что в финальном проекте дистрибутива внутри папки dist мне не хватает font-awesome...

Папка Font-Awesome в моем проекте находится в:

Приложение / Библиотека / шрифт устрашающего / CSS / шрифт awesome.min.css

Что я сделал до сих пор: я попытался отредактировать copy.js (в папке grunt) следующим образом:

src: [
        '**/**.{ico,png,gif,txt,jpg,svg,wof,ttf}',
        '.htaccess',
        //'images/{,*/}*.webp',
        //'content/{*.*,*/}*.*',
        'content/{,*/}/{,*/}/*.*',
        // '{,*/}*.html',
        'styles/fonts/{*.*,*/}*.*',
        'lib/famous/**/**.css',
        'lib/font-awesome/{,*/}/**.css'
      ]

... чтобы распространять font-awesome тоже, и теперь он находится в папке dist, но когда я открываю index.html, он просто не может найти правильный путь, и я не вижу значка.

Спасибо

Answer 1

Чтобы упростить все и ускорить загрузку, вы можете просто создать ссылку на версию Font Awesome, размещенную на CDN. BootstrapCDN поможет вам: http://www.bootstrapcdn.com/

Answer 2

Учитывая, что вы получили это в index.html:

    <!-- build:css(app/) css/app.css -->
    <link rel="stylesheet" type="text/css" href="content/vendor/font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="styles/app.css" />
    <!-- bower:css -->

Grunt поместит шрифт awesome css в dist/css. Проблема в том, что font-awesome ищет шрифты, относящиеся к этому файлу (../fonts), и шрифты не перемещались вместе с css во время процесса сборки. Итак, измените ваш файл grunt/copy.js, чтобы сделать это для вас:

// Copies remaining files to places other tasks can use
module.exports = {
  dist: {
    files: [{
      expand: true,
      dot: true,
      cwd: '<%= config.app %>',
      dest: '<%= config.dist %>',
      src: [
        '**/**.{ico,png,txt,jpg,svg,wof,ttf}',
        '.htaccess',
        'images/{,*/}*.webp',
        // '{,*/}*.html',
        'styles/fonts/{,*/}*.*',
        'lib/famous/**/**.css'
      ]
    },
    // add this, making sure the path is correct to your fonts
    {
        expand: true,
        dot: true,
        cwd: '<%= config.app %>/content/vendor/font-awesome/fonts/',
        src: ['*.*'],
        dest: '<%= config.dist %>/fonts'

    }]
  }
};

снова запустите grunt, и папка dist теперь должна содержать папку fonts.