Question

所以我试图让咕噜咕噜，babel和webpack很好地在一起玩，但经过一周的尝试，我研究了各种各样的东西，没有什么真正有效。所以这是我的gruntfile.js的相关部分：

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。我错过了什么？

Answer 1

您必须将options替换为其他内容。 options是grunt插件选项的保留键。

所以这应该有效：

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

grunt-webpack表示它“完成没有错误”，但没有捆绑任何东西

1 个答案: