如何在webpack項目中調試loader插件

最近，在學(xué)習webpack使用時(shí)，發(fā)現webpack-replace-loader配置正則不起用，調試插件后才發(fā)現，search健值竟然不支持正則的寫(xiě)法，后有換成string-replace-loader插件，這個(gè)loader的search健值支持正則寫(xiě)法，問(wèn)題得到解決。這里記錄下loader的調試方法：

首先需要準備node環(huán)境

第一步：下載全局安裝 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

第四步： 打開(kāi)谷歌瀏覽器在url上輸入 chrome://inspect/#devices

點(diǎn)擊inspect 進(jìn)入調試頁(yè)面

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

到此，可以按照平時(shí)調試js一樣，調試對應loader腳本。

到此這篇關(guān)于如何在webpack項目中調試loader插件的文章就介紹到這了,更多相關(guān)webpack調試loader插件內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！