webpack-dev-server 未在本地创建 dist 文件夹

Question

webpack-dev-server 已成功捆绑 html、scss 和 js 文件，并且输出也在

localhost:8080

上提供，但 dist 文件夹未在本地创建。以下是我的 webpack 配置：

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'])
    ]
};

Answer 1

webpack-dev-server 从内存中提供创建的包，并且不会将其写入 dist 目录。

Answer 2

将

--watch

添加到 npm 脚本解决了我的问题。

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