javascript - 从 webpack 打包后如何查看开发服务器的内容？

Question

我的理解是，开发模式下的 webpack 会将所有导入的内容放在某处，然后将您的 bundle.js 提供给客户端。当bundle.js中的代码请求css文件时，css加载器之前会被配置为设置文件路径，以便客户端要求服务器加载样式表。我想以某种方式检查这一点并确保我的服务器具有样式表。有办法做到这一点吗？

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 专为开发而设计。