我想使用一个官方Sass端口的Bootstrap与任务运行器Grunt.js和框架指南针,但根据手册(
https://github.com/twbs/bootstrap-sass#bootstrap-for-sass)我没有成功.
成功安装了这些宝石:
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
没有第2行(@import“boostrap”;)一切正常.
我该怎么做才能开始在Grunt中使用bootstrap-sass gem?安装一些新的Grunt插件?
谢谢你的回答.
解决方法
在使用
bootstrap-contrib-sass长时间遇到同样的问题后,我能够正常工作.
在您的Gruntfile中,在includePaths配置变量中指定指南针和bootstrap-sass gems的位置:
options: { compass: true,includePaths: [ '/var/www/.rvm/gems/ruby-2.1.1/gems/bootstrap-sass-3.1.1.0/vendor/assets/stylesheets','/var/www/.rvm/gems/ruby-2.1.1/gems/compass-0.12.4/frameworks/compass/stylesheets' ],... }
附注:您可以使用grunt –verbose标志运行grunt以转储有助于调试的额外信息.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。