Question

如何使用grunt-contrib-stylus包含Stylus库？

我想添加Jeet＆amp; amp;破裂到我的手写笔设置。

我已经运行了npm install --save-dev rupture＆amp; npm install --save-dev jeet

但是我不确定如何通过手写笔设置使用它们，这就是我所拥有的：

// Compiles Stylus to CSS
    stylus: {
      server: {
        options: {
          paths: [
            '<%= yeoman.client %>/bower_components',
            '<%= yeoman.client %>/app',
            '<%= yeoman.client %>/components',
            '<%= yeoman.client %>/assets'
          ],
          "include css": true
        },
        files: {
          '.tmp/app/app.css' : '<%= yeoman.client %>/app/app.styl'
        }
      }
    },

这就是我打电话给Jeet的方式。

@import 'jeet';

但我得到了这个error failed to locate @import file jeet.styl

>>     6| @import 'jeet';
>> --------------^

Answer 1

对于那些感兴趣的人，我找到了一个解决方案：

stylus: {
      server: {
        options: {
          use: [
            require('jeet'),
            require('rupture'),
            function() { return require('autoprefixer-stylus')('last 2 versions', 'ie 8'); }
          ],
          paths: [
            './node_modules/rupture',
            './node_modules/jeet/stylus',
            '<%= yeoman.client %>/bower_components',
            '<%= yeoman.client %>/app',
            '<%= yeoman.client %>/components',
            '<%= yeoman.client %>/assets'
          ],
          // "include css": true,
          // use: jeet()
        },
        files: {
          '.tmp/app/app.css' : '<%= yeoman.client %>/app/app.styl'
        }
      }
    },

Answer 2

另一种解决方案是包括库的完整路径，例如

@import '/bower_components/jeet/stylus/jeet'

您可以为所有必需的库执行此操作。

如何使用grunt-contrib-stylus包含Stylus库？

2 个答案: