Webpack dev server-更改时导出.CSS文件

我正在使用webpack将.SASS构建到一个.CSS文件中，但它只在我在终端中“webpack”时导出该文件。当我运行“webpack dev server”时，它会看到更改，但不会生成/更改输出.CSS文件：

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

module.exports = {
    devtool: 'inline-source-map',
    entry: [
        'webpack-dev-server/client?http://127.0.0.1:8080/',
        'webpack/hot/only-dev-server',
        './src'
    ],
    output: {
        path: path.join(__dirname, 'public'),
        filename: 'bundle.js',  // this exports the final .js file
        publicPath: '/public'
    },
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loaders: ['react-hot', 'babel?presets[]=react,presets[]=es2015']
            },

           {
                test: /\.scss$/, loader: ExtractTextPlugin.extract('css!sass') // this loads SASS
            }

        ]
    },

    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin(),
        new ExtractTextPlugin("./bundle.css") //this exports the CSS file
    ],

    resolve: {
        modulesDirectories: ['node_modules', 'src'],
        extensions: ['', '.js', '.scss'],
        root: [path.join(__dirname, './src')]
    }
};

---

仅使用“webpack”就可以完全正常工作，但我想知道如何让它使用服务器生成文件，这样我就不必每次更改样式时都在终端中键入内容。

这完全正常<代码>网页包开发服务器未写入磁盘。它只为记忆服务。这就是为什么终端显示：

项目正在运行http://localhost:9000/
网页包输出由/
不是来自网页包的内容由/Users/dd/Desktop/apps/webpack starter/dist提供

webpack dev server

从内存而不是从文件系统生成文件和服务。您需要将

样式加载器

添加到ExtractTextPlugin:

ExtractTextPlugin.extract（'style'，css！sass'）

Hmm，它呈现文件，但不将其放在目录中。这里是终端的屏幕截图：它还可以，因为

webpack dev server

是通过内存提供的。我意识到我的上一个问题听起来有多么愚蠢。一切都好！非常感谢。