2015-09-26 78 views
1

我已經使用sass安裝了引導程序,但是我的scss文件沒有編譯到css文件夾。使用Grunt的Bootstrap-Sass

我能夠安裝bootstrap,使用鮑爾。 這是我gruntfile.js

/*jslint node: true */ 
module.exports = function(grunt) { 
grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 

    sass: { 
     options: { 
      loadPath: ['./bower_components/bootstrap-sass/assets/stylesheets'] 
     }, 
     dist: { 
      options: { 
       outputStyle: 'expanded', 
       sourceMap: false 
      }, 
      files: { 
       'css/bootstrap.css' : 'stylesheets/_bootstrap.scss', 
      } 
     } 
    }, // sass 

    compass: { 
     dev: { 
      options: { 
       config: 'config.rb' 
      } 
     } // dev 
    }, //compass 

    watch: { 
     options: { 
      livereload: true, 
      dateFormat: function(time) { 
        grunt.log.writeln('The watch finished in ' + time + 'ms at ' + (new Date()).toString()); 
        grunt.log.writeln('Waiting for more changes...'); 
       } //date format function 
     }, //options 
     scripts: { 
      files: ['*.js'] 
     }, // scripts 
     //Live Reload of SASS 
     sass: { 
      files: ['stylesheets/*.scss', 'stylesheets/bootstrap/*.scss'], 
      tasks: ['sass'] 
     }, //sass 
     css: { 
      files: ['stylesheets/*.scss', 'stylesheets/bootstrap/*.scss'], 
      tasks: ['compass'] 
     }, 
     html: { 
      files: ['*.html'] 
     } 
    }, //watch 

    postcss: { 
     options: { 
      processors: [ 
       require('autoprefixer-core')({ 
        browsers: 'last 2 versions' 
       }) 
      ] 
     } 
    }, //post css 

    jshint: { 
     options: { 
      reporter: require('jshint-stylish') 
     }, 
     target: ['*.js', 'js/*.js'] 
    } //jshint 
}); 

grunt.loadNpmTasks('grunt-sass'); 
grunt.loadNpmTasks('grunt-contrib-watch'); 
grunt.loadNpmTasks('grunt-contrib-compass'); 
grunt.loadNpmTasks('grunt-postcss'); 
grunt.loadNpmTasks('grunt-contrib-jshint'); 

grunt.registerTask('build', ['sass']); 
grunt.registerTask('default', ['build', 'watch', 'compass', 'jshint']); 
} 

我想知道,哪一步我很想念,因爲我已經遵循正確的目錄路徑。我的config.rb文件中,我已將sass目錄更改爲樣式表。

當我運行時,sudo grunt,沒有發現錯誤,但樣式表沒有編譯。

+0

可能的重複:http://stackoverflow.com/questions/16242546/sass-making-underscore-file-names-actually-create-css-files – cimmanon

+0

@cimmanon,我看了網址,但它沒有顯示用戶如何解決問題,當我在Foundation中創建sass時,能夠編譯,但對於Bootstrap,我認爲主要問題是目錄。 –

+0

不,問題在於您正在嘗試編譯Sass無法編譯的文件,因爲這就是它的設計。 – cimmanon

回答

相關問題