Как настроить мой каталог для работы с eyeglass при получении modularscale

Я пытаюсь включить проект Sassy Modular Scale в свою сборку, используя eyeglass . Мне удалось получить его Modular Scale через терминал, выполнив команду npm install modularscale-sass --save-dev в каталоге моего проекта.

Затем я посмотрел в своем package.json и увидел, что "modularscale-sass": "^2.1.1" был добавлен, и в моем каталоге я мог получить доступ к файлам в каталоге node-modules. Все хорошо! Затем документация для модульного масштаба дает мне указание @import 'modular-scale' в моем файле main.scss.

Теперь я запускаю gulp watch, редактирую несколько случайных css и проверяю, жалуется ли gulp на какие-либо ошибки, и я получаю сообщение об ошибке выброса, говорящее

Error: src/scss/main.scss 6:9 файл для импорта не найден или не читается: modular-scale

Я знаю, что это происходит, потому что bc gulp не знает, где найти modular-scale, потому что очки, вероятно, не настроены правильно.

protfolio/ 
|
|-- dest/
|    |-- /js
|    |-- /css
|
|-- node_modules
|   |-- modularscale-sass
|   | .. 
|
|-- src/
|    |-- /js
|    |-- /scss
|        |-- /modules
|            |-- .. 
|        |-- /partails
|            |-- ..  
|        |-- /vendors
|            |-- ..
|        |-- main.scss 
|
|-- gulpfile.js 
| .. 

Должен ли я редактировать файл eyeglass-exports.js?

Глядя на код js, я думаю, что наиболее логичным для меня было бы добавить имя каталога и таблицу стилей. Моя гипотеза состоит в том, что функция module.exports вернет путь для eyeglass, чтобы найти мое имя каталога и таблицы стилей. Правильный?

var path = require('path');
// add my directory and stylesheet? 
module.exports = function(eyeglass, sass) {
  return {
    sassDir: path.join(__dirname, 'stylesheets')
  }
}

Я нашел документацию по очкам, но здесь она выглядит довольно расплывчато:

В файлах Sass вы можете ссылаться на модуль eyeglass со стандартным синтаксисом импорта Sass: @import "my_eyeglass_module/file";. my_eyeglass_module будет преобразован в правильный каталог в ваших модулях узла, а затем файл будет решен с использованием стандартных правил импорта для Sass.

Может кто-нибудь помочь объяснить, как мне заставить это работать.

Вот ссылка на мой каталог на github

Спасибо

7 голосов | спросил brent_white 20 J000000Monday15 2015, 03:32:18

1 ответ


0

Как вы настроили gulp, чтобы знать, как использовать очки? Читали ли вы руководство по интеграции gulp ?

ответил chriseppstein 21 J000000Tuesday15 2015, 20:48:54

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132