webpack-dev-server访问文件没经过编译

Question

使用webpack-dev-server起了一个服务，但是访问的文件是原始的代码，未经过webpack的编译？不知道哪里出了问题？
以下是配置文件：

webpack.server.js(使用node webpack.server.js启动)

var WebpackDevServer = require('webpack-dev-server');
var webpack = require('webpack');
var path = require('path');
var conf = require('./webpack.config');
var port = 8189;

var compiler = webpack(conf);
var server = new WebpackDevServer(compiler, {
    contentBase: __dirname,
    hot: true,
    historyApiFallback: false,
    compress: true,
    quiet: false,
    noInfo: false,
    lazy: true,
    filename: 'main.js',
    watchOptions: {
        aggregateTimeout: 300,
        poll: 1000
    },
    publicPath: path.resolve('./src')
});
server.listen(port, 'localhost', function() {
    console.log('webpack dev server start, listening port ' + port);
});

webpack.config.js

var path = require('path');

module.exports = {
    cache: true,
    entry: {
        app: ['babel-polyfill','./main.js']
    },
    output: {
        path: path.resolve('./output/'),
        filename: '[name].output.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['es2015']
                }
            }
        ]
    }
}

Answer 1

你先通过如下代码查看服务编译的情况 http://localhost:8189/webpack-dev-server
另外，你contentBase: __dirname, 改成 output.path 的值试试。

Answer 2

我也遇到一样的问题。。。然后我又开了个webpack