如何创建react和stylus编译器？

Question

现在我正在尝试使用npm和gulp创建上面的编译器。但我一直卡住了。 我只需要它来编译jsx和stylus文件以在localhost服务器上运行。

Answer 1

在你的webpack配置中，为jsx和stylus添加加载程序，如下面的代码。

对于JSX＆amp;触笔：

module: {
    loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      },
      {
        test: /\.styl$/,
        loader: 'css-loader!stylus-relative-loader?paths=node_modules/bootstrap-stylus/stylus/'
      }
    ]
  },