Я унаследовал проект, использующий Sass. Я разработчик .NET, поэтому компиляция CSS на самом деле не является чем-то, с чем я сталкивался. Предыдущий разработчик сказал мне (поскольку я работаю в Windows, а он работает на MAC) установить препро.
Я прошел следующие шаги:
- Установлен Ruby 2.3.0 для Windows
- Установлен sass "gem istall sass"
- Установлен компас "gem install compass"
- Установлен sass-globbing "gem install sass-globbing"
- Установлен compass-install-once "gem install compass-install-once"
Затем я открыл Prepros и перетащил в свою «статическую папку», которая имеет такую структуру:
- Static
- css
- js
- дерзость
- компоненты (несколько файлов в этом каталоге)
- components.sass
- screen.sass
screen.css выглядит так:
@import compass/reset
@import lubalin.css
@import variables
@import typography
@import main
@import components
@import elements
@import shop
@import blog
@import sponsor
@import theme
А содержимое файлов screen.sass выглядит так:
@import "components/*"
В PrePros я изменил компилятор, чтобы он использовал Ruby Sass вместо Node Sass (по совету предыдущего разработчика).
Теперь, когда я нажимаю screen.sass в PrePros и нажимаю «Обработать файл», я получаю сообщение об ошибке «Ошибка: неясно, какой файл импортировать для '@import" components / * "'.
Я нашел несколько потоков в Интернете, в которых говорилось, что это произошло из-за Windows и что подстановочный знак следует заменить на @import "components / .", однако, когда я запускаю эту команду, я получаю ошибку " Ошибка: файл для импорта не найден или не читается: components / . "
Как ни странно, файл, который создает prepros, т.е., кажется, прекрасно понимает, какие файлы импортировать для components.sass, потому что я вижу в файле следующий раздел:
{
"path": "sass/components.sass",
"imports": [
"sass/components/_address.sass",
"sass/components/_buttons.sass",
"sass/components/_checkboxes.sass",
"sass/components/_cookies.sass",
"sass/components/_emailSignup.sass",
"sass/components/_forms.sass",
"sass/components/_moreContent.sass",
"sass/components/_postCode.sass",
"sass/components/_rte.sass",
"sass/components/_search.sass",
"sass/components/_separator.sass",
"sass/components/_tooltip.sass",
"sass/components/accordion.sass",
"sass/components/equalHeight.sass",
"sass/components/grid.sass",
"sass/components/modal.sass",
"sass/components/svgImages.sass",
"sass/components/table.sass",
"sass/components/_checkboxes.sass"
]
},
Поэтому кажется странным, что PrePros может сказать, какие файлы нужно импортировать, но когда я пытаюсь скомпилировать, он не понимает!
Наконец, содержимое компаса (config.rb):
require 'compass/import-once/activate'
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"
Может ли кто-нибудь помочь новичку в Sass, который не в своей глубине, запустить PrePros !? Что я делаю неправильно?
Заранее спасибо за ваше время
dotdev