2017-01-25 5 views
7

スタイラスがwebpack 2で動作するようになっています。スタイラスローダーモジュールをwebpack.configに追加しようとしていますが、手がかりはありませんそれ。私はマニュアルを読んでいないこと、ありません。webpack 2とスタイラスローダーの設定ファイルの例

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

この例のコードは、ケーキのように見える一見を(覚えておいて、私はここにWebPACKの2を話している、NOT WebPACKの1):

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

ここでの問題は、機能がマニュアルに従って、経由で必要とされる必要があり、stylus_plugin、次のとおりです。

var stylus_plugin = require('stylus_plugin'); 

しかし、npmリポジトリにというスタイラス_プラグインというようなnpmモジュールは存在しません。

だから、多分誰かがスタイラスをウェブパックで動かすのを手伝ってくれるかもしれないし、誰かがconfig-exampleを提供することさえできるかもしれない。明示的にするために

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

補遺、2月9日、2017年にはこれが(スタイラスを使用して)私の作品各シングルローダは別のプラグインを表します。ですから、これらの3つのプラグインにそれぞれ糸/ npmで1つずつ追加する必要があります。

+0

私は完全にオフトラックだった。 – LongHike

+0

ありがとう!ドキュメントは非常に不明です... – Scarysize

答えて

5

だから愚か!私はstylus_pluginがスタイラスプラグインの一般的なプレースホルダー名であることを見ていませんでした。私は私にコーヒーを買うべきです...

関連する問題