webpack项目中如何调试loader，步骤是什么-群英

上一篇：React怎么搭建移动端，如何引入antd组件下一篇：Vue如何实现简单的记事本功能，代码是什么

今天就跟大家聊聊有关“webpack项目中如何调试loader，步骤是什么”的内容，可能很多人都不太了解，为了让大家认识和更进一步的了解，小编给大家总结了以下内容，希望这篇“webpack项目中如何调试loader，步骤是什么”文章能对大家有帮助。

最近，在学习webpack使用时，发现webpack-replace-loader配置正则不起用，调试插件后才发现，search健值竟然不支持正则的写法，后有换成string-replace-loader插件，这个loader的search健值支持正则写法，问题得到解决。这里记录下loader的调试方法：

首先需要准备node环境

第一步：下载全局安装 node-nightly

npm install -g --save-dev node-nightly

第二步：添加调试命令

 "node-nightly": "node-nightly --inspect-brk  ./node_modules/webpack/bin/webpack.js",

第三步：命令行中运行 npm run node-nightly

第四步：打开谷歌浏览器在url上输入 chrome://inspect/#devices

点击inspect 进入调试页面

第五步：在vscode中的node_module里面找到loader的index.js文件，在module.exports函数里面加上debugger;

到此，可以按照平时调试js一样，调试对应loader脚本。

以上就是关于“webpack项目中如何调试loader，步骤是什么”的相关知识，感谢各位的阅读，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

标签：如何调试loader

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：React怎么搭建移动端，如何引入antd组件下一篇：Vue如何实现简单的记事本功能，代码是什么