当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《webpack2和stylus-loader配置文件示例》经验,为你挑选了1个好方法。

我很难用手写笔来处理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在这三个插件上添加每个插件.



1> LongHike..:

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

推荐阅读
帆侮听我悄悄说星星
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有