如何創建反應和手寫筆編譯器？

Question

現在我試圖用npm和gulp來創建上面的編譯器。但我一直陷入困境。 我只需要它來編譯jsx和stylus文件以在本地主機服務器上運行。

Answer 1

在你的webpack配置中，爲下面的代碼添加jsx和stylus的loader。

對於JSX &筆：

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/' 
     } 
    ] 
    },