module.exports={
    entry:‘./app/index.js‘,
    output:{
        path:‘./dist‘,
        filename:‘bundle.js‘
    },
    module:{
        loaders: [
            {
              test: /\.js$/,
              exclude: /node_modules/,
              loader: "babel-loader",
              query:
                {
                  presets:[‘react‘,‘es2015‘]
                }
            },
            {
                test: /\.json?$/,
                loader: ‘json‘
            },
            {
                test: /\.css$/,
                loader: "style!css"
            },
            {
                test: /\.less/,
                loader: ‘style-loader!css-loader!less-loader‘
            }
        ]
    }
}

　　我對webpack.config理解是

新建一個index.html

引用打包好的bundle的js文件。

你可以在新建app文件，app中裏可以有若個。

比如index.js

./children/common.js

module.exports=alert("你在幹嘛？");

　./children/bar.js

var root = document.getElementById("root");

exports.sayName1 = function () {
    root.innerHTML = "我濁";
};
exports.menu = function () {
    var p = document.createElement("p");
    var pnode = document.createTextNode("這是一個新的段落");
    p.appendChild(pnode);
    root.appendChild(p);

}       
 

cmd>webpack --watch

測試吧

webpack.config.js