使用Webpack配置Babel插件

Question

我有简单的webpack.config文件，可以执行以下操作。

module.exports = {
    entry: ['babel-polyfill', path.normalize(__dirname + '/src/js/main')],
    devtool: 'cheap-module-source-map',
    output: {
        filename: 'bundle.js',
        path: path.join(__dirname, 'dist')
    },
    module: {
        loaders: [
            {
                loader: 'babel',
                test: /\.js$/,
                include: [path.resolve(__dirname, 'src', 'js')],
                query: {
                    plugins: ['transform-runtime'],
                    presets: ['es2015']
                }
            },
            {
                loader: 'style!css',
                test: /\.css$/,
                include: [path.resolve(__dirname, 'src', 'css')]
            }
        ]
    }
};

它可以按照我的要求编译我的es2015。但是，我打算在这里使用babel插件

我按照文档中的说明安装了插件。然后.babelrc，我在带有设置的webpack.config的根文件夹中添加了一个文件

{
  "presets": ["es2015"],
  "plugins": ["incremental-dom"]
}

。我的插件没有像我期望的那样编译我的jsx文本。我想可能不是在我的Webpack中正确配置我的插件。请我想念什么？任何帮助，将不胜感激。