Question

我正在尝试将bootstrap-styl包添加到nodejs项目中。我有一个带有一些简单任务的Gruntfile，所有这些都可以正常工作。但是，当我将@import添加到我的style.styl文件（编译手写笔）时，我发现找不到引导程序的错误。

对于我需要关注的内容和内容，我很困惑。我尝试了一些东西，但似乎没有任何工作（虽然网站通常会打开，我只会在更改我的样式表的Grunt文件时出错。）

这是我的Gruntfile：

module.exports = function(grunt) {
  grunt.initConfig({
    stylus: {
      compile: {
        options: {
          compress: false
        },
        files: {
          'public/stylesheets/style.css': ['public/stylesheets/style.styl']
        }
      }
    },
    watch: {
      // Watch stylus files in "styl" directory
      stylus: {
        files: ['public/stylesheets/*.styl'],
        tasks: ['stylus']
      }
    }
  });

  // Load the plugin that provides the "watch" & "stylus" tasks.
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-stylus');

  // Default task(s).
  grunt.registerTask('default', ['watch']);
};

我安装了bootstrap-styl软件包，但我不明白如何使用它.npm页面只提供编译功能以添加到app.js。这是运行grunt watch并更改文件的错误：

Running "watch" task
Waiting...
>> File "public/stylesheets/style.styl" changed.
Running "stylus:compile" (stylus) task
>> Error: public/stylesheets/style.styl:3:9
>>    1| 
>>    2| @import 'nib'
>>    3| @import 'boostrap'
>> --------------^
>>    4| 
>>    5| @import url('http://fonts.googleapis.com/css?family=Quicksand')
>>    6| 
>> 
>> failed to locate @import file boostrap.styl
Warning: Stylus failed to compile. Use --force to continue.

Aborted due to warnings.

看起来bootstrap-styl根本没有做任何事，我不能@import，我真的不确定这是怎么回事。任何帮助表示赞赏。

关于Grunt和节点如何协同工作非常困惑

0 个答案: