Webpack在运行调试器吗？
Webpack本身不是一个运行调试器的工具。Webpack是一个模块打包工具，主要用于将多个模块打包成一个或多个静态资源文件。它可以处理各种类型的文件，包括JavaScript、CSS、图片等，并且支持模块化开发，可以将代码拆分成多个模块，提高代码的可维护性和复用性。
在开发过程中，我们可以使用Webpack的开发服务器（webpack-dev-server）来实现热更新和自动刷新，以提高开发效率。开发服务器会监视文件的变化，并在文件发生变化时自动重新编译和刷新页面，方便开发人员实时查看修改的效果。
然而，Webpack本身并不提供调试功能。在调试JavaScript代码时，通常会使用浏览器的开发者工具（如Chrome DevTools）来进行调试。开发者工具提供了丰富的调试功能，包括断点调试、变量查看、调用栈跟踪等，可以帮助开发人员定位和解决代码中的问题。
总结起来，Webpack是一个模块打包工具，用于将多个模块打包成静态资源文件。它本身不是一个运行调试器的工具，但可以配合浏览器的开发者工具进行代码调试。
相关·内容
1回答
当我刷新我的路径时，我相信/questions我的组件会被某种调试器运行。请参阅VM76464 Questions.jsx:105行。componentDidMount()运行了两次，这是意想不到的。 这只在我刷新组件时发生，而不是当我被链接带到它的时候。只有在刷新组件时，才会显示警告消息。 这是我第一次看到这个。 ? 我的webpack.config.js是... const path = require('path')
const HtmlWebP
浏览 15提问于2019-09-14得票数 0
根据WebStorm，它们要求我们根据在：中指定的dist目录进行调试webpack-开发-服务器缓存详细信息--inline--progress--colors-display--hot--port=3000有没有办法让webpack
浏览 0提问于2016-01-13得票数 8
目前，我正在开发一个后端应用程序，使用express + node.js和webpack作为捆绑器。这是我的launch.json文件： // Use IntelliSense],
output: { path: path.join(__dirname, 'dist'
浏览 1提问于2018-12-22得票数 1
我想动态切换主题在我的反应项目和我的反应应用程序是建立和服务使用Webpack。所以我从这个中得到了灵感。此回购包含在运行时在两个主题之间切换的示例，并且是使用Craco构建的。我试图从克拉科夫迁移到Webpack ()。有人能帮助解决这个问题吗？
浏览 15提问于2022-03-31得票数 0
我还创建了一个dev-server.js文件来使用节点运行所有这个配置，这样我就可以像这样从VSCode启动调试会话了:我有一些代码位于这个repo：中，运行命令时一切正常。当我从命令行开始，在代码中添加一个“调试器；”表达式时，它就可以工作了。它在chrome dev工具中的断点上停止。
问题：如何在jsx文件中添加断点并在VSCode中进行调试
浏览 4提问于2015-11-11得票数 1
回答已采纳
10回答
angular2项目：一旦启动，在VSC中，我选择：“使用源代码地图，针对本地主机启动Chrome”。现在浏览器正在打开应用程序，但是VSC有以下错误：“无法连接到运行时进程，10000 ms后超时-(原因:无法连接到目标:连接ECONREFUSED 127.0.0.1:9222”。从堆栈溢出/github问题上找到的其他答案中，我读到在尝试之前可能必须杀死所有的chrome实例，所以我只需关闭so并运行killall chromium-browser。我尝试再次运行调试:与
浏览 7提问于2016-11-05得票数 28
回答已采纳
问题：我尝试过用多种方式配置启动文件--这是我的launch.json for VS调试器： "version": "0.2.0",
&quo
浏览 1提问于2019-07-27得票数 2
回答已采纳
我使用的是，无法让PhpStorm (WebStorm)调试它--它不会停止在.ts文件的断点上。
怎么做呢？
浏览 6提问于2016-01-14得票数 8
回答已采纳
在chrome调试器下，我确实看到我的所有文件都被正确加载，但是我仍然会在代码中得到错误，比如'this‘是未定义的等等。请注意：
部署/引用bundle.js文件的正确方法是什么？我需要在这台服务器上安装webpack吗？我需要知道是否有可能通过bundle.js从index.html获得SPA的功能，前
浏览 3提问于2017-02-20得票数 0
1回答
我有一个问题，奥雷利亚骨架-打字稿-webpack项目。当我想调试chrome中的类型记录代码时，断点和程序实际停止的位置是关闭的。下面是一个示例：在这里，我在第18行中放置了一个调试器语句，但chrome停止在第23行。它似乎停在正确的位置，因为"i“有一个值，但"a”没有。
知道吗，我怎么解决这个问题？正如我提到的，我使用的是框架式打字稿-webpack项目。除了第17行、第18行、第19行之外，我没有做任何改动。我使用"npm运行<
浏览 1提问于2016-12-01得票数 0
回答已采纳
1回答
所以我的应用程序正在运行一个连接的admin.bundle.js文件。我使用webpack管理模块，然后使用导入webpack配置，然后运行源代码： return gulp.src('entry.js它们只在我查看admin.bundle.js的源代码时才起作用--这并不理想，因为我需要在代码中搜索到goto :(而不是仅仅在模块内部出现断点，这使得调试变得更容易和更快。在下面，<e
浏览 5提问于2016-03-31得票数 3
回答已采纳
1回答
我正在处理的项目在端口6379上有Redis，在端口5000上有节点服务器。我通过运行npm run server运行服务器，我的package.json脚本如下所示：在端口5000上添加Attach to Node.js/Chrome的配置并单击WebStorm中的错误图标时，我无法附加调
浏览 14提问于2019-07-16得票数 1
我的环境中缺少了什么吗?还是与节点版本有冲突？我使用节点v.10，但回购程序使用节点v.8at ChildProcess.child.on.exitCode (C:<path to node_modules>\node_modules\serverless-<
浏览 12提问于2021-02-23得票数 2
回答已采纳
我只想让VS代码的调试器与webpack开发服务器一起工作，而不忽略我的断点。现在，webpack-dev-server为内存中的捆绑文件提供服务，而如果我正确理解，VS代码调试器会在磁盘上搜索这些文件(...or不是吗？.)
因此，每当我设置一个断点时，我都会感到恐惧。似乎人们不是在使用webpack开发服务器，就是我错过了一些显而易见的东西，而我的钱放在后者上。请注意，只有在存在生产版本并将文件输出到磁盘时，才会使用output.path。以下是文
浏览 22提问于2017-09-27得票数 56
我正在和gulp/webpack一起运行一个reactjs应用程序，并尝试了这个：。然而，它不起作用(在我的reactjs代码中抛出错误)。如何让它工作，或者另一种解决方案是什么？编辑我在webpack.config的加载器部分添加了以下内容： drop_debug: true我已经用npm安装了插件，但是它没有从我的reactjs代码中过滤调试器语句？
浏览 8提问于2017-01-03得票数 2
1回答
我的npm脚本，它输出我的webpack构建和一个url给调试器。我通过chrome://inspect访问调试器，我可以查看我的代码，但是当我通过http://localhost:8080/graphiql发送请求时
浏览 1提问于2018-06-09得票数 1
回答已采纳
从调试器(运行在DevTools模式下)启动VSCode /Firefox总是会给DevTools请求提供CORS错误，但是在普通的VSCode/Chrome浏览器.中工作得很好。在中使用Laravel。对于前端，我的api请求来自前端的在正常使用火狐/Chrome时工作正常。 "ve
浏览 17提问于2022-04-12得票数 2
回答已采纳
我已经将PhpStorm设置为使用JavaScript调试器。当我运行yarn hot时，异常被正确捕获。 不幸的是，它也在node_modules中捕获异常，我想避免这种情况。 ? 我尝试在Settings -> Build, Execution, Deployment -> Stepping -> Do not step into scripts中添加不同的东西 webpack:/node_modules/module/v-table/d
浏览 20提问于2019-02-13得票数 0
回答已采纳
在VSC调试器中开始调试时，我收到以下消息。尝试从路径'/Volumes/T7/Documents/1.Sources/app/webpack.config.js'.请求webpack.config.js文件时出错错误是: TypeError:host.onUnRecoverableConfigFileDiagnostic不是函数 有人知道怎么解决这个问题吗？
浏览 26提问于2020-11-05得票数 3
回答已采纳
我被困在试图弄清楚为什么我的调试器不把断点放在适当的行。正如您在下面的图形中所看到的，断点不像预期的那样工作：
"test-script": "env-cmd -f ./tests/$TEST_SCRIPT'"
我不确定这是babel/webpack的错误配置，还是调试器中设置的错误。在.babelrc中，我尝试将sourceMaps设置为true、"both"和&
浏览 2提问于2020-06-05得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
