2016-02-21 73 views
0

所以我試圖讓grunt,babel和webpack在一起很好地玩,但是在嘗試了我研究的各種東西一週後,沒有什麼效果。因此,這裏是我的gruntfile.js的相關部分:grunt-webpack說它「完成沒有錯誤」,但沒有捆綁任何東西

webpack: { 
     options: { 
      entry: ['./js/main'], 
      output: { 
       filename: 'bundle.js' 
      }, 
      module: { 
       loaders: [ 
        { 
         test: /\.js$/, 
         loader: 'babel-loader', 
         query: { 
          presets: ['es2015', 'react'] 
         } 
        } 
       ] 
      }, 
     }, 
    } 

顯然,處於「JS」文件夾中的main.js:

var React = require('react'); 
var ReactDOM = require('react-dom'); 

import Message from './Message' //Message.js also exists 

ReactDOM.render(<Message/>, document.getElementById('react-container')); 

,如果有什麼不對的,我覺得grunt web pack會抱怨,但結果是:

grunt webpack 
Done, without errors. 

沒有創建bundle.js。我錯過了什麼?

回答

0

您必須用其他東西替換optionsoptions是grunt插件選項的保留鍵。

所以這應該工作:

webpack: { 
    myconfig: { 
     entry: ['./js/main'], 
     ... 
    }, 
} 
+0

謝謝,原來如此! –

相關問題