从webpack捆绑后如何查看开发服务器的内容？

Question

我的理解是，开发模式下的webpack会将所有导入的文件放到某个地方，然后将bundle.js提供给客户端。 当bundle.js中的代码要求提供css文件时，css-loader将事先进行配置，以设置文件路径供客户端请求服务器加载样式表。 我想以某种方式进行检查，并确保我的服务器具有样式表。 有没有办法做到这一点？

Answer 1

使用webpack-dev-server捆绑软件将加载到内存中，而不是写入磁盘。 如果您运行webpack cli，它将把您的资产放入输出目录。 您可以轻松地检查以查看是否期望输出。

如果您已经在项目中本地安装了webpack，则可以使用以下命令从根目录运行它：

`node_modules/.bin/webpack --config <path/to/webpack.config.js>`

如果webpack.config.js位于同一目录中，则不需要--config标志。

由于webpack-dev-server仅设计用于开发，因此部署到生产时webpack-dev-server执行此操作。