1

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

我想将 Jeet & Rupture 添加到我的触控笔设置中。

我已经运行 npm install --save-dev rupture&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';
>> --------------^
4

2 回答 2

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'
        }
      }
    },
于 2014-11-07T08:10:54.227 回答
1

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

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

您可以对所有需要的库执行此操作。

于 2015-01-30T19:18:54.077 回答