webpack 2 und stylus-loader config file beispiel

Question

ich bin stecken mit stift zu arbeiten mit webpack 2. ich versuche, das stylus loader-modul zu meinem webpack.config hinzufügen, aber ich habe keine ahnung wie zu tun Das. Ich nicht, dass ich nicht die Dokumentation gelesen haben:

https://github.com/shama/stylus-loader

Auf den ersten Blick Beispielcode wie ein Stück Kuchen sieht (im Kopf behalten, ich spreche Webpack 2 hier NICHT Webpack 1):

module: { 
    rules: [ 
    { 
     test: /\.styl$/, 
     use: [ 
     'style-loader', 
     'css-loader', 
     { 
      loader: 'stylus-loader', 
      options: { 
      use: [stylus_plugin()], 
      }, 
     }, 
     ], 
    } 
    ], 
}, 

das Problem hier ist die Funktion stylus_plugin, die nach der Dokumentation über werden muss, erforderlich:

var stylus_plugin = require('stylus_plugin'); 

Jedoch gibt es kein solches npm Modul als stylus_plugin im npm Repo.

Also, vielleicht kann mir jemand helfen, Stylus auf dem Webpack laufen zu lassen und vielleicht kann jemand sogar ein Konfigurationsbeispiel bereitstellen.

Nachtrag, 9. Februar 2017. Das funktioniert für mich (mit Stift):

module: { 
    rules: [{ 
     test: /\.styl$/i, 
     use: [ 
      'style-loader', 
      'css-loader', 
      'stylus-loader' 
     ] 
    }] 
} 

Aus Gründen der explicity: Jeder einzelne Loader ein separates Plugin darstellt. Sie müssen also jeden dieser drei Plugins über Garn/npm hinzufügen.

Answer 1

So dumm! Ich habe nicht gesehen, dass stylus_plugin ein generischer Platzhaltername für Stylus-Plugins war. Ich sollte mir einen Kaffee holen ...