我想使用官方的Sass端口Bootstrap,结合任务运行器Grunt.js和框架Compass,但根据手册(https://github.com/twbs/bootstrap-sass#bootstrap-for-sass),我没有成功。
成功安装这些Gem:
在我的custom.scss文件开头,我有:
当我在命令行中输入
成功安装这些Gem:
bootstrap-sass (3.1.0.1, 3.1.0.0)
compass (0.12.2)
sass (3.2.14, 3.2.13, 3.2.12)
我的 Gruntfile.js:
'use strict';
module.exports = function (grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
compass: {
options: {
httpPath: './',
sassDir: '<%= pkg.css.src %>',
cssDir: '<%= pkg.css.dest %>',
imagesDir: '<%= pkg.graphics.cssPath %>'
},
dev: {
options: {
environment: 'development',
outputStyle: 'expanded',
force: true
}
},
prod: {
options: {
environment: 'production',
outputStyle: 'compressed',
force: true
}
}
},
});
grunt.loadNpmTasks('grunt-contrib-compass');
grunt.registerTask('default', ['compass:dev']);
};
在我的custom.scss文件开头,我有:
@import "compass";
@import "boostrap";
当我在命令行中输入
grunt
时,会出现以下错误:Syntax error: File to import not found or unreadable: boostrap.
Load paths:
c:/Users/Radek/WWW/svobodanabytek/src/sass
C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/blueprint/stylesheets
C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets
Compass::SpriteImporter
on line 2 of c:/Users/Radek/WWW/svobodanabytek/src/sass/custom.scss
没有第二行(@import "boostrap";)一切正常。
我应该怎么做才能在Grunt中开始使用bootstrap-sass gem?需要安装一些新的Grunt插件吗? 感谢任何答案。