Question

我很难使用手写笔来处理webpack 2.我正在尝试将手写笔加载器模块添加到我的webpack.config中，但我不知道如何做到这一点。我没有，我还没有阅读文档：

乍一看这个示例代码看起来像小菜一碟（请记住，我在这里谈论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是手写笔插件的通用占位符名称。我应该给我一杯咖啡......

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

1 个答案: