При использовании Grunt для компиляции Sass я часто вижу папку src и dist. Где идут папки файлов, которые не скомпилированы?

Question

С node.js-проектами, использующими Grunt/Gulp, он является общим для просмотра папок src и dist. Но скажем, вы строите статический сайт и имеете папки других не скомпилированных файлов, таких как шрифты и pdf. Это происходит внутри?

Таким образом, вы можете загрузить один каталог и иметь все свои производственные активы. Спасибо вам за помощь.

Answer 1

Короче говоря, на ваш вопрос нет правильного или неправильного ответа.

FWIW - Я всегда хранить шрифты и PDF-файлы в Src папку и в конечном счете, они копируются в DIST папку во время моего сборки процесса. Одно из преимуществ этого, как вы уже упоминали ...

Таким образом, вы можете загрузить один каталог и иметь все свои производственные активы.

Другой обоснованная причина для копирования этих активов из ЦСИ к DIST папке, что я обычно определяют relative paths для другого актива в исходном коде. Например.

---

HTML

<img src="./images/icons/logo.gif" alt="logo"> 

---

CSS

@font-face { 
    font-family: 'Lato'; 
    src: url('../fonts/Lato/Lato-Regular.eot'); 
    src: url('../fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/Lato/Lato-Regular.woff') format('woff'), 
    url('../fonts/Lato/Lato-Regular.ttf') format('truetype'); 
    font-style: normal; 
    ... 
} 

Скопировав все ссылки активов и тиражирование необходимых подпапок src в папку dist, это позволяет избежать переопределения путей ресурсов в распространяемом коде.

Например, возьмите @font-face, показанный выше. Если папка и файлы шрифтов не копируются в папку dist, это приводит к необходимости переопределять url в распространяемом коде .css. (Либо новые «относительные», либо новые «абсолютные» пути).

Хотя есть инструменты для сборки, которые могут заменить ссылки пути я рассмотреть DIST папку как мешок работы, которая включает в себя все необходимые средства независимо от Src папку.

Опять же, нет правильного или неправильного ответа. Рассмотрите плюсы и минусы либо копирования активов (pdf и шрифтов) в папку dist и выберите подход, наиболее подходящий для вашего рабочего процесса и/или бизнес-требований.