从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仅用于开发。