javascript - webpack-dev-server không tạo thư mục dist trên máy local

Webpack-dev-server đang đóng gói các tệp html, scss và js thành công và đầu ra cũng đang được phục vụ trên localhost:8080 nhưng thư mục dist không được tạo trên máy local. Dưới đây là cấu hình webpack của tôi:

var extractPlugin = new ExtractTextPlugin({
   filename: 'main.css'
});

module.exports = {
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js',
    },
    devtool: 'inline-source-map',
    devServer: {
      port: 3000
    },
    plugins: [
        extractPlugin,
        new HtmlWebpackPlugin({
            template: 'public/index.html'
        }),
        new CleanWebpackPlugin(['dist'])
    ]
};

Câu trả lời #1

Webpack-dev-server phục vụ gói đã tạo từ bộ nhớ và không ghi nó vào thư mục dist.

Câu trả lời #2

Thêm --watch vào script npm đã giải quyết vấn đề cho tôi.

{
  ...
  "scripts": {
    "dev": "webpack --mode development --watch",
    ...
  }
}