0

我正在尝试使用 Susy 和 Breakpoint 而不是引导程序来设置角度应用程序。

我正在使用 yeoman 来运行角度生成器。在安装过程中，我没有对引导程序说“是”，而是说“不”。这一切都很顺利，我的应用程序在浏览器中运行良好，并带有“grunt serve”。

接下来我运行：bower install susy和bower install breakpoint - 安装都很好，我可以在 bower_components 文件夹中看到它们。

然后我通过手动将@import 引用添加到 main.scss 来导入它们，如下所示：

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

在 Gruntfile.js 中，我还添加了require: '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 文件中，每次我停止并启动应用程序时，它都会删除我的 SCSS 文件中的@import引用。我不知道如何动态/或正确地将它们添加到 gruntfile.js 中，以便它们被编译并永久保存。每次我停止并开始 grunt 时，都会从 main.scss 中删除两个导入，留下以下内容：

// bower:scss
// end bower

有没有其他人遇到过同样的问题，如果有，解决办法是什么？任何帮助，将不胜感激。

谢谢~declan

4

1 回答 1

0

尝试将@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";

这对我有用。

于 2014-10-10T19:10:49.130 回答