Как включить библиотеки стилусов с помощью grunt-contrib-stylus?

Как включить библиотеки стилусов с помощью grunt-contrib-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'
        }
      }
    },

И вот как я называю Джит.

@import 'jeet';

Но я понимаю error failed to locate @import file jeet.styl

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

2 ответа

Для тех, кто заинтересован, я нашел решение:

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'
        }
      }
    },

Альтернативное решение будет включать полный путь к библиотеке, например.

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

Вы можете сделать это для всех ваших необходимых библиотек.

Другие вопросы по тегам