使用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' 
    }