如何在webpack项目中调试loader插件
更新时间：2021年06月22日 10:09:59 作者：周磊爱学习
最近在学习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插件的文章就介绍到这了,更多相关webpack调试loader插件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
有一id=test的下拉框，怎么拿到选中的那个值呢？本文将采用javascript原生的方法及jquery方法（前提是已经加载了jquery库）来简单实现下2013-10-10
这篇文章主要介绍Ionic如何创建APP项目的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了js前端解决跨域的八种实现方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
hasFocus是document的特有方法．用来判断当前网页是否获得焦点．2010-06-06
js中如何获取php变量呢？下面小编就为大家介绍一下吧！需要的朋友可以过来参考下2013-08-08
在TypeScript中就像在EC5中一样,任何包含顶级import或export的文件都被认为是一个模块,下面这篇文章主要给大家介绍了关于如何在TypeScript使用模块化以及注意事项的相关资料,需要的朋友可以参考下2022-10-10
这篇文章主要为大家详细介绍了JS实现百度搜索框关键字推荐，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了js实现for循环跳过undefined值,结合实例形式分析了js使用for循环针对数组的遍历、判断、运算等相关操作技巧,需要的朋友可以参考下2019-07-07
本文分享了利用javascript验证香港身份证的格式或真实性的代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了JS实现电话号码的字母组合算法,结合实例形式分析了javascript组合运算的相关算法原理与操作技巧,需要的朋友可以参考下2019-02-02
最新评论