1

我正在使用generator-zf5来生成我的 Yeoman 应用程序。安装时，我同意将 Compass 包含在我的项目中，但我在项目文件中看不到 Compass 文件。难道我做错了什么。我需要自己包括这个吗？如果是这样，怎么做？

我卸载了所有 Sass gem 和 Compass 并重新安装，gem install compass --version 0.12.7现在正在使用 Compass 0.12.7 和 Sass 3.2.19 (Media Mark)。

然后我使用以下方法在本地安装了 Compass：

npm install grunt-contrib-compass --save-dev

但是当我添加@include border-radius(25px);到我的 CSS 时，我不断收到错误消息。谁能帮我？我仍在尝试围绕许多这些终端进程。

提前致谢！

4

2 回答 2

1

它现在在 generator-zf5 github 问题跟踪器中得到解决：https ://github.com/juliancwirko/generator-zf5/issues/26

于 2014-09-03T21:56:46.470 回答
0

您是否在 gruntfile 中添加了 require 选项？

请参阅： http ://ericdfields.com/post/installing-compass-frameworks-in-a-yeoman-project

确保您的 initConfig 中有正确的“监视”块：

grunt.initConfig({

    // Project settings
    yeoman: appConfig,

    // Watches files for changes and runs tasks based on the changed files
    watch: {
      ...
      compass: {
        files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
        tasks: ['compass:server', 'autoprefixer']
      }, ...

还有手表下方的指南针定义：

// Compiles Sass to CSS and generates necessary files if requested
    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: './bower_components',
        httpImagesPath: '/images',
        httpGeneratedImagesPath: '/images/generated',
        httpFontsPath: '/styles/fonts',
        relativeAssets: false,
        assetCacheBuster: false,
        raw: 'Sass::Script::Number.precision = 10\n'
      },
      dist: {
        options: {
          generatedImagesDir: '<%= yeoman.dist %>/images/generated'
        }
      },
      server: {
        options: {
          debugInfo: true
        }
      }
    },

最后，并发任务定义：

// Run some tasks in parallel to speed up the build process
    concurrent: {
      server: [
        'compass:server'
      ],
      test: [
        'compass'
      ],
      dist: [
        'compass:dist',
        'imagemin',
        'svgmin'
      ]
    },
于 2014-08-29T14:56:08.650 回答