Javascript 从webpack绑定后,如何查看开发服务器的内容?

Javascript 从webpack绑定后,如何查看开发服务器的内容?,javascript,webpack,Javascript,Webpack,我的理解是,处于开发模式的webpack将把所有导入的文件放在某个地方,然后将bundle.js提供给客户端。当bundle.js中的代码请求一个css文件时,css加载器之前已经配置为设置文件路径,以便客户端请求服务器加载样式表。我想以某种方式检查这一点,并确保我的服务器具有样式表。有什么方法可以做到这一点吗?当使用webpack dev server时,您的包将加载到内存中,而不是写入磁盘。如果您运行webpackcli,它会将您的资产放入输出目录。您可以很容易地检查是否有您期望的输出 如果

我的理解是,处于开发模式的webpack将把所有导入的文件放在某个地方,然后将bundle.js提供给客户端。当bundle.js中的代码请求一个css文件时,css加载器之前已经配置为设置文件路径,以便客户端请求服务器加载样式表。我想以某种方式检查这一点,并确保我的服务器具有样式表。有什么方法可以做到这一点吗?

当使用
webpack dev server
时,您的包将加载到内存中,而不是写入磁盘。如果您运行
webpack
cli,它会将您的资产放入输出目录。您可以很容易地检查是否有您期望的输出

如果您已在本地将webpack安装到项目中,则可以使用以下命令从根目录运行它:

`node_modules/.bin/webpack --config <path/to/webpack.config.js>`
`node\u modules/.bin/webpack--config`
如果webpack.config.js位于同一目录中,则不需要--config标志


这是您在部署到生产环境时所做的,因为
webpack dev server
仅用于开发。

您可以通过转到/webpack dev server路径来检查dev服务器正在为哪些文件提供服务。例如