2014-08-29 32 views
1

我使用generator-zf5來生成我的Yeoman應用程序。安裝時,我說是包含Compass在我的項目中,但我看不到項目文件中的Compass文件。難道我做錯了什麼。我需要自己加入嗎?如果是這樣,怎麼樣?使用指南針與Yeoman應用程序

我卸載了所有的Sass寶石和Compass,並重新安裝了gem install compass --version 0.12.7,現在我正在使用Compass 0.12.7和Sass 3.2.19(Media Mark)。

我再裝北斗本地使用:

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

但是當我添加@include border-radius(25px);我的CSS,我不斷收到一個錯誤。誰能幫我?我仍然試圖圍繞許多這些終端進程說唱我的頭。

在此先感謝!

回答

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' 
     ] 
    }, 
+0

我相信它被添加到這個Sass塊中,對吧? 'SASS:{ \t \t \t DIST:{ \t \t \t \t選項:{ \t \t \t \t \t樣式: '擴大',//膨脹或嵌套的或緊湊的或壓縮的 \t \t \t \t \t loadPath:「<%= app %>/bower_components/foundation/scss', \t \t \t \t \t指南針:true, \t \t \t \t \t安靜:真 \t \t \t \t}, \t \t \t \t文件:{ \t \t \t \t \t '<%= app %> /css/app.css': '<%= app %> /scss/app.scss' \t \t \t \t} \t \t \t} \t \t},' – realph 2014-08-29 15:21:11

+0

嗯。我猜不是。我已經使用自己的指南針設置更新了我的帖子,以防萬一。 – Gopherkhan 2014-08-29 17:49:33