webpack 2和stylus-loader配置文件示例

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 repo中没有像stylus_plugin这样的npm模块.

所以,也许有人可以帮助我在webpack上运行手写笔,也许有人甚至可以提供配置示例.

附录,2017年2月9日.这对我有用(使用手写笔):

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

为了明确起见:每个单独的加载器代表一个单独的插件.所以你必须通过yarn/npm在这三个插件上添加每个插件.

Answer 1

如此愚蠢!我没有看到stylus_plugin是stylus插件的通用占位符名称.我应该给我一杯咖啡......