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,沒有發現錯誤,但樣式表沒有編譯。
可能的重複:http://stackoverflow.com/questions/16242546/sass-making-underscore-file-names-actually-create-css-files – cimmanon
@cimmanon,我看了網址,但它沒有顯示用戶如何解決問題,當我在Foundation中創建sass時,能夠編譯,但對於Bootstrap,我認爲主要問題是目錄。 –
不,問題在於您正在嘗試編譯Sass無法編譯的文件,因爲這就是它的設計。 – cimmanon