webpack 2和手写笔-加载程序配置文件示例

Question

我一直忙于让触控笔与webpack 2一起工作，我正试图将手写笔加载器模块添加到我的webpack.config中，但我不知道如何做到这一点。我没有，我没有读过这些文档：

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

乍一看，这个示例代码看起来就像小菜一碟(请记住，这里我说的是Webpack 2，而不是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回购中并没有像stylus_plugin这样的npm模块。

所以，也许有人可以帮助我在webpack上运行触笔，也许有人甚至可以提供一个配置示例。

增编，2017年2月9日。这适用于我(使用手写笔)：

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

为了便于解释:每个加载程序都代表一个单独的插件。所以你必须通过纱线/npm在这三个插件上添加每一个插件。

Answer 1

太蠢了！我没有看到stylus_plugin是手写插件的通用占位符名。我该去买杯咖啡..。