使用webpack的自定義手寫筆包？

Question

我有一個自定義的手寫筆包在託管在私人github回購，我包括在我的包清單。一個npm install後，它現在在我的node_modules目錄中的目錄結構是這樣的：

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 

使用的WebPack 1.13和手寫筆裝載機2.5.1，我該如何將它設置成能夠導入和使用我的一切定製包？我的webpack配置文件中是否有可以加載文件的東西？我是否在我的.styl文件中包含某種@require 'my-custom-package'？在我的輸入App.js文件中有import 'my-custom-package'？

Answer 1

這是我落得這樣做：

在我的應用程序的index.styl我需要自定義STYL文件（~是速記node_modules目錄）：

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

然後在我的WebPack配置我編輯手寫筆加載程序包括我的自定義程序包的路徑，並添加了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' 
    }