2016-02-21 60 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

谢谢,原来如此! –

相关问题