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

0

gruntfile に require オプションを追加しましたか?

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

initConfig に適切な「watch」ブロックがあることを確認してください。

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 に答える