2017-01-25 84 views
7

我堅持使用手寫筆與webpack 2一起工作。我試圖將手寫筆加載模塊添加到我的webpack.config,但我沒有線索如何做那。我不是,我沒有閱讀文檔:webpack 2和手寫筆加載程序配置文件示例

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上運行手寫筆,也許有人甚至可以提供一個配置示例。

附錄,2月9日,2017年這對我的作品(使用手寫筆):

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

對於顯式的緣故:每單裝載機代表一個單獨的插件。所以你必須通過yarn/npm添加這三個插件。

+0

我完全偏離軌道。 – LongHike

+0

謝謝!該文件超級不清楚... – Scarysize

回答

5

太愚蠢了!我沒有看到stylus_plugin是手寫筆插件的通用佔位符名稱。我應該給我一杯咖啡...