css - webpack 出力 css ファイル

Question

インライン スタイルではなく、less の css ファイルを出力するように webpack を取得しようとしています。私はextract-text-webpack-pluginを使用しています。

ドキュメントに基づいてセットアップし、stackoverflow で同様の質問を見てきましたが、以下の webpack 構成ファイルがファイルを出力しない、または index.html に何かを入れない理由がわかりません

var webpack = require('webpack');
var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    entry: [
      'webpack/hot/only-dev-server',
      './app/main.js'
    ],
    output: {
        path: __dirname + '/dist',
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
              test: /\.js?$/,
              loaders: ['react-hot', 'babel'],
              exclude: /node_modules/
            },
            {
              test: /\.js$/,
              exclude: /node_modules/,
              loader: 'babel-loader'
            },
            {
              test: /\.less$/,
              loader: ExtractTextPlugin.extract('style', 'css!less')
              //loader: "style!css!less"
            }
        ]
    },
    plugins: [
      new webpack.NoErrorsPlugin(),
      new ExtractTextPlugin('[name].css', {
            allChunks: true
        })
    ]

};