Почему webpack-dev-server не создает boundle, указанный в объекте output?

Question

[Денис]

Привет. Вот мой конфиг вебпака:

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

module.exports = {
    //watch: true,
    context: __dirname + '/frontend',
    entry: {
        main: './main',
        styles: './styles/app'
    },
    output: {
        path: __dirname + '/public',
        publicPath: '/',
        filename: '[name].js'
    },
    resolve: {
        extensions: ['.js', '.less']
    },
    module: {
        rules: [
            {
                test: /\.less$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader', 'less-loader']
                })
            }
        ]
    },
    plugins: [
        new ExtractTextPlugin('styles.css'),
        new webpack.HotModuleReplacementPlugin()
    ],
    devServer: {
        contentBase: __dirname + '/public',
        hot: true
    }
};

Если набираю webpack, все собирается и вываливается в папку public, как и указано в настройках output, если набираю webpack-dev-server, также все собирается, но в public ничего нет, как это понимать? Вебпак же паказывает в процессе сборки все чанки собранные, среди них и cssи js, а реально в папку public их нет. Помогите разобраться.

Answer 1

[Станислав]

Думаю, что вы уже разобрались, но тем не менее отвечу. Все дело в том, что webpack-dev-server изначально и не должен создавать никаких файлов на диске, так как он их держит в оперативной памяти.

Comments

[SindWebDeveloper]

Многое обьяснил, твоим ответом можно подтереться.