Угловой генератор с Susy и точкой останова

Question

Я пытаюсь настроить угловое приложение, используя Susy и Breakpoint вместо начальной загрузки.

Я использую Yeoman для запуска генератора углов. Во время установки вместо того, чтобы сказать "да" для начальной загрузки, я говорю "нет". Все идет хорошо, и мое приложение работает в браузере с "grunt serve".

Далее я запускаю: bower install susy и bower install точка останова - обе установлены нормально, и я вижу их в папке bower_components.

Затем я импортирую их, вручную добавив ссылку @import в main.scss следующим образом:

// bower:scss
@import "../bower_components/susy/sass/_susy.scss";
@import "../bower_components/breakpoint/breakpoint/_breakpoint.scss";
// endbower

А также в Gruntfile.js, который я добавил, требуется: 'susy' для компаса вот так:

compass: {
  options: {
    sassDir: '<%= yeoman.app %>/styles',
    cssDir: '.tmp/styles',
    generatedImagesDir: '.tmp/images/generated',
    imagesDir: '<%= yeoman.app %>/images',
    javascriptsDir: '<%= yeoman.app %>/scripts',
    fontsDir: '<%= yeoman.app %>/styles/fonts',
    importPath: '<%= yeoman.app %>/bower_components',
    httpImagesPath: '/images',
    httpGeneratedImagesPath: '/images/generated',
    httpFontsPath: '/styles/fonts',
    relativeAssets: false,
    assetCacheBuster: false,
    raw: 'Sass::Script::Number.precision = 10\n',
    **require: 'susy'**
  },

Как указано на сайте susy: http://susydocs.oddbird.net/en/latest/install/

Хорошо, это все хорошо, но вот проблема... потому что я вручную добавляю их в свой файл main.scss, каждый раз, когда я останавливаюсь и запускаю приложение, оно удаляет ссылки @import в моем файле SCSS. я не знаю, как добавить их динамически / или правильно в gruntfile.js, чтобы они постоянно компилировались и сохранялись. Каждый раз, когда я останавливаюсь и начинаю ворчать, оба импорта удаляются из main.scss, оставляя меня с этим:

// bower:scss
// end bower

У кого-нибудь еще была такая же проблема, если да, то каково решение? Любая помощь будет оценена.

спасибо ~ деклан

Answer 1

Попробуйте переместить @import заявления за пределами беседы комментарии. Итак, вместо:

// bower:scss
@import "../bower_components/susy/sass/_susy.scss";
@import "../bower_components/breakpoint/breakpoint/_breakpoint.scss";
// endbower

пытаться:

// bower:scss
// endbower
@import "../bower_components/susy/sass/_susy.scss";
@import "../bower_components/breakpoint/breakpoint/_breakpoint.scss";

Это сработало для меня.