webpackでカスタムスタイラスパッケージを使用しますか？

Question

私は私のパッケージマニフェストに含まれているプラ​​イベートgithubリポジトリでホストされているカスタムスタイラスパッケージを持っています。私は私からすべてをインポートして使用することができるようにそれを設定するのですかWebPACKの1.13とスタイラスローダー2.5.1を使用して

node_modules 
| 
----my-custom-package 
    | 
    ----package.json 
     webpack.config.js 
     src/ 
     | 
     ----index.js (which just imports css/index.styl) 
      css/ 
      | 
      ----index.styl 
       ...bunch of other .styl files 

：npm install後は、ディレクトリ構造を持つ私のnode_modulesディレクトリに今のようなものですカスタムパッケージ？ファイルをロードできるwebpack設定ファイルに何かがありますか？私はベースの.stylファイルに何らかの種類の@require 'my-custom-package'を入れていますか？私のエントリApp.jsファイルのimport 'my-custom-package'？

Answer 1

これは私がやってしまったものです：

私のアプリのindex.stylでは、私はカスタムSTYLファイル（node_modulesディレクトリの~いる速記）が必要：その後、私のWebPACKの設定で、私は私が編集した

@require '~my-custom-package/src/css/index'; 

をスタイラスローダーが私のカスタムパッケージのパスをインクルードし、resolve urlを追加して、スタイラスローダーがカスタムパッケージスタイルファイルの相対パスを解決できるようにしました。

{ 
    test: /\.styl$/i, 
    include: [ 
     path.join(__dirname, 'src'), 
     path.join(__dirname, 'node_modules', 'my-custom-package') 
    ], 
    loader: 'style-loader!css-loader!stylus-loader?resolve url' 
    }