从webpack捆绑后，如何查看开发服务器的内容？
从webpack捆绑后，可以通过以下步骤查看开发服务器的内容：
- 首先，确保你已经在项目中安装了webpack和webpack-dev-server。
- 在项目的根目录下，打开命令行工具，并运行以下命令启动开发服务器：
- 在项目的根目录下，打开命令行工具，并运行以下命令启动开发服务器：
- 开发服务器启动后，会在命令行中显示服务器的地址和端口号。通常，默认地址是
http://localhost:8080。 - 打开任意现代浏览器，并在地址栏中输入开发服务器的地址，例如
http://localhost:8080。 - 浏览器会加载开发服务器的内容，你可以查看网页的源代码、样式表、JavaScript文件等。
- 如果你想查看特定文件的内容，可以在浏览器中使用开发者工具。按下
F12键打开开发者工具，然后切换到"Network"（网络）选项卡。在这里，你可以看到加载的所有文件，包括HTML、CSS、JavaScript等。点击文件名，即可查看该文件的内容。
总结： 通过以上步骤，你可以从webpack捆绑后查看开发服务器的内容。你可以通过浏览器查看网页的源代码、样式表、JavaScript文件等，并使用开发者工具查看特定文件的内容。这样可以帮助开发人员进行调试和排查问题。
腾讯云相关产品推荐：
相关·内容
我的理解是，在开发模式下，webpack会把你所有导入的东西放在某个地方，然后把你的bundle.js提供给客户端。当bundle.js中的代码请求css文件时，css-loader应该已预先配置为为客户端设置文件路径，以便请求服务器加载样式表。我想以某种方式检查这一点，并确保我的服务器具有样式表。
浏览 7提问于2018-03-03得票数 1
回答已采纳
$/, loader: 'babel', ]}
我从我的应用程序的根目录启动webpack开发服务器，如：webpack-dev-server --inline。问题是，当我对我的index.js文件进行更改时，它看起来就像是在控制台中捆绑开发
浏览 5提问于2016-05-25得票数 2
回答已采纳
3回答
这就是问题所在，目前我正在做一个前端与后端紧密耦合的项目。应用程序的遗留版本是使用.JSP文件构建的，索引文件是index.JSP文件。我目前的任务是用Vue为我们的新前端编写一个开发环境，使用webpack开发服务器为我们的新东西提供服务，并将包注入到index.jsp文件中。这就是我被卡住的地方，我不知道有任何方法可以将webpack开发服务器</em
浏览 0提问于2017-12-15得票数 6
1回答
我最近一直在探索webpack，我遇到了一些我无法正确理解的事情。我试着找了很多答案，但没有得到一个正确的答案。以下是我的疑虑：
如何在运行webpack --watch时调试服务器端代码。我正在查看
浏览 4提问于2016-04-10得票数 0
我需要创建应用程序与Express.js，翡翠和更少，并希望组装应用程序捆绑与webpack。整个互联网上都是关于设置webpack的文章，但是没有人用模块化的javascript来设置它作为普通的快速应用程序。请救救我！
浏览 2提问于2015-09-20得票数 5
回答已采纳
2回答
在他们的网站上，我们的包装定义为：
Webpack开发服务器本身就是一个特快专递服务器，它使用webpack-
浏览 0提问于2019-05-13得票数 1
回答已采纳
3回答
我正在使用react创建一个使用webpack的网站。目前，我的webpack.config.js如下所示：var webpack = require('webpack');
module.exports--progress --colors启动开发服务器，每当我更改javascript文件时，我的网页刷新，一切似乎都正常。但是，我希望
浏览 3提问于2016-02-04得票数 0
回答已采纳
我正在构建节点/快速应用程序，并希望使用“最新和最好的”问:使用webpack将我所有的nodejs代码打包到one文件中有什么好处？我只是想弄清楚，用webpack来做这样的事是不是太过分了。
浏览 0提问于2017-04-12得票数 1
1回答
看起来就像当你运行webpack时，它会构建一些dist或src文件夹，里面有你所有捆绑的代码和资产，然后自动让一个开发服务器为它提供服务。如何查看或检查此文件夹中的内容？我想确认我的资产定位是否正确。在这一点上，我如何在chrome的网络选项卡中看到正在请求的资产(见下图)？get请求是散列的，所以我无法判断它是什么，除非我查看</em
浏览 1提问于2018-06-24得票数 0
在webpack的页面中，在关于webpack-dev-server的一节中提到-
开发服务器使用webpack的手表模式。它还阻止webpack将生成的文件发送到磁盘。相反，它保存并服务内存中的结果文件。这是否意味着捆绑的文件webpack-dev-server编译只保存在内存中，并且我还必须在后台运行webpack --w
浏览 0提问于2016-12-03得票数 6
回答已采纳
我正在IIS服务器中手动部署angular应用程序，就像将构建从我的系统复制到特定的IIS服务器位置一样。我需要知道我们是否有任何文件，以便我可以配置我的步骤，以便一旦我运行它将自动构建。
浏览 7提问于2020-10-16得票数 0
1回答
但是我在用webpack做输出时遇到了问题。当我做时，没有找到404。我想知道为什么。在我的终端上，我确实看到bundle.js是由webpack捆绑的，但它到哪里去了？/webpack.dev.config'); gulp.task('hot', function(){publicPath : '/',
fi
浏览 1提问于2017-02-14得票数 2
我用Webpack做了一个反应项目，似乎以一种我不明白的奇怪的方式影响了。myproj/ |- webpack.config.js |- index.html
|- index.jsx和一个类似于这样的webpack
浏览 0提问于2018-04-23得票数 7
回答已采纳
我正在做一个使用Jekyll，Webpack和Vue的项目样板。我现在有一个npm脚本来启动webpack开发服务器.作为一个业余爱好者，我想知道我如何完成以下工作：
执行jekyll build，以便从./src生成文件到./d
浏览 6提问于2017-04-23得票数 4
在一个包含多个块的页面上，我遇到了多个webpack-dev-server/client副本的问题。 entry: { new HtmlWebpackPlugin({ })}
有些东西破坏了包含多个块的所有页面上的错误覆盖插件在捆绑包分析器中
浏览 0提问于2019-07-05得票数 4
所以，我想把我的index.html放在/dist子目录下，这个目录是手工制作的，在里面我想放一个/build子目录，里面存放着由webpack制作的app.js。我希望当我保存位于我的/src目录中的一些.tsx文件时，webpack会自动重新构建服务器，而webpack-dev- app.js会自动反映出这些更改。，并在浏览器中打开了页面，并启动了webpack开发
浏览 0提问于2016-12-12得票数 10
回答已采纳
当我使用Atom的AutoSave OnChange包运行我的应用程序时，我想要自动运行和自动刷新webpack-dev-server。我的webpack-dev-server是： devServer: { historyApiFallback: true, } 我使用Reactify模板，我的
浏览 39提问于2019-03-08得票数 1
回答已采纳
我创建了一个react应用程序，服务器和客户端共享相同的package.json ├───build│ ├───css│└───media├───src
├───package.json (shared) 我的问题很简单，是否所有来自package.json的包都包含在最终的生产React构建中？例如，我使用express作为服务器。它包含在React构建中吗？ 如果是这样的话，有什么方法
浏览 16提问于2019-06-02得票数 0
回答已采纳
1回答
我正在用webpack动态编译几个包来支持我的一些服务器端渲染代码。我需要将客户端包注入到服务器端生成的HTML中。我一直在查看stats对象，
浏览 14提问于2019-11-06得票数 0
2回答
我有一个项目(angularjs)，它使用webpack进行捆绑，它被部署到一个"release“目录中，webpack配置output.publicPath设置为"/”。如果我抓取我的"release“目录(webpack包、index.html和资产)的内容，并将它们放在服务器(apache、iis或nodejs/express)目录中，那么它工作得很好。)
如果我将它放置在一个移动容器中，比如
浏览 3提问于2016-03-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
