Как использовать компоненты Bower в наборе кодов

Я установил в новый проект в codekit следующие компоненты:

jquery animate.css нормализовать модернизатор

Я понимаю, что рекомендуется хранить эти компоненты в каталоге Bower, чтобы эти файлы можно было легко обновлять. Однако делаем ли мы прямые ссылки на них в наших html-файлах? Мои файлы sass компилируются и выводятся в assets/css, но в компонентах Bower нет файлов sass, и я полагаю, что их создание в исходной папке будет переопределено, если я буду обновляться. Мне кажется очень странным загружать весь файл bower_components на рабочий сервер со всеми зависимыми файлами. Я долгое время строил сайт без всех этих узлов, git, grunt, bower и прочего. Я вижу в этом ценность, но мне трудно освоиться. Любая помощь обязательно будет оценена.


bower codekit
person Warren Neily    schedule 23.08.2014    source источник
comment
+1 То же самое здесь ... Я действительно надеюсь, что есть кто-то, кто поможет нам, фронтенд-дизайнерам, с четким и подробным объяснением.   -  person REDFOX    schedule 26.08.2014

Ответы (1)


arrow_upward
8
arrow_downward

В большинстве случаев вы захотите включить сторонние компоненты (например, css, javascript, ... файлы) в свой собственный основной файл css или javascript, а затем минимизировать этот файл для производства. Например, моя структура папок выглядит так:

    bower_components/
        ...
    release/
        css/
            styles.min.css
        img/
            ...
        js/
            scripts.min.js
    src/
        images/
            ...
        scripts/
            scripts.js
        styles/
            styles.less
        templates/
            ...

И затем, в пределах styles.less, я мог бы:

@import (less) "../../bower_components/normalize-css/normalize.css";

Или в пределах scripts.js я мог бы:

//@codekit-prepend "../../bower_components/jquery/dist/jquery.js"

Я установил CodeKit для создания уменьшенных версий в release/ из этих файлов. Единственные файлы, которые идут в производство, — это все файлы в папке release/.

person Stephen Thomas    schedule 29.08.2014
comment
Спасибо, Стивен. Я вижу, как это работает сейчас. Хотя я не верю, что могу импортировать .css в файл .scss. В любом случае, небольшая проблема, так что еще раз спасибо, и я отправляюсь на гонки. - person Warren Neily; 11.09.2014