webpack config with multi-entry and multi-output-path

webpack.config.js

var webpack = require("webpack");

module.exports = {
  entry:{
      //左邊字串就是下方 output 區塊的 [name]，透過這種方式就可以把檔案輸出到不同路徑下
      'popup/popup' : './app/main/src/pages/popup/popup.js',
      'settings/settings' : './app/main/src/pages/settings/settings.js'
  },
  output: {
      filename: '[name].bundle.js',
      path: __dirname + '/app/main/src/pages/',
      publicPath: "/app/main/src/pages/"    
  },
  module: {
    loaders: [{
        test: /\.js$/,
        exclude: /node_modules/,        
        loader: 'babel-loader',
        query: {
            presets: ['es2015', 'react']
        }
    }]
  }
};