Question

我有一个托管在私有github repo中的自定义stylus包，我将其包含在我的包清单中。在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和stylus loader 2.5.1，如何设置它以便能够导入和使用我的自定义包中的所有内容？我的webpack配置文件中是否有可以加载文件的东西？我在我的base .styl文件中包含某种@require 'my-custom-package'吗？我的条目import 'my-custom-package'文件中的App.js？

Answer 1

这就是我最终做的事情：

在我的应用~中，我需要自定义样式文件（node_modules是@require '~my-custom-package/src/css/index';目录的简写）：

resolve url

然后在我的webpack配置中，我编辑了我的手写笔加载器以包含我的自定义包的路径并添加了{ 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' }，以便stylus-loader可以解析我的自定义包样式文件中的相对路径：

sudo -u postgres -i

在webpack中使用自定义手写笔套件？

1 个答案: