Компиляция файлов sass в соответствующих каталогах проекта с использованием системы проектирования в качестве источника - PullRequest
Новая
       8

Компиляция файлов sass в соответствующих каталогах проекта с использованием системы проектирования в качестве источника

0 голосов
/ 20 мая 2019

Я использую Jekyll в качестве платформы для системы проектирования.В то же время у меня есть каталог, где я делюсь прототипами и работаю над ними - в своих собственных каталогах, используя среду системы проектирования - файлы SASS.

Итак, я хочу скомпилировать.Файлы scss в этих каталогах, которые я использую для прототипов, генерируют app.scss, и этот файл импортирует файлы .scss из системы проектирования.

На данный момент я обнаружил, что на переднем плане стоит тройная чертаВ начале файла он будет выполняться так, как если бы он был в файле _sass, но, похоже, это не импортирует файл .scss из каталога _sass в каталог проекта.

Это структура каталога.У меня так далеко, что я в идеале хочу, но не работает: 

jekyll-project/
├── _includes/
├── _layouts/
├── _site/
├── _sass/
|   └── design-system.scss
|       ├──Components
|          └── component_1.scss
|          └── component_2.scss
|          └── ...
└── css/
│   └── main.scss // this is what gets compiles from the _sass directory
├── projects/
    └── project_1
        └── scss
            └── app.scss // here this file will compile it's own styles to CSS + import the design-system.scss from the _sass directory in:
        └── css
            └── app.css
    └── project_2
        └── scss
            └── app.scss
        └── css
            └── app.css
    └── project_3
        └── ...
├── _config.yml
└── index.html

В файле scss в папке project_1 - и других, - что я хочу скомпилировать в файле app.scss: 

1st: the compiled design-system.scss
+
2nd: the styles writen in app.scss

Большое спасибо заранее и, надеюсь, удалось проиллюстрировать проблему достаточно понятно.

1 Ответ

0 голосов
/ 21 мая 2019

Мне удалось решить эту проблему, запустив:

sass --watch scss:css в папке проекта scss и в app.scss @import design-system непосредственно из каталога _sass.Например, я вызываю файл системы проектирования:

@import "../../../_sass/design-system/design-system.scss";, так что компиляцией занимаются часы sass, а не движок, который использует Jekyll, что я и пытался использовать впервое место.

Возможно, не самое элегантное решение, но решает проблему, с которой я столкнулся.

...