如何在webpack項目中調(diào)試loader插件
更新時間：2021年06月22日 10:09:59 作者：周磊愛學習
最近在學習webpack，本文主要介紹了loader插件的調(diào)試方法，需要的朋友們下面隨著小編來一起學習學習吧
最近，在學習webpack使用時，發(fā)現(xiàn)webpack-replace-loader配置正則不起用，調(diào)試插件后才發(fā)現(xiàn)，search健值竟然不支持正則的寫法，后有換成string-replace-loader插件，這個loader的search健值支持正則寫法，問題得到解決。這里記錄下loader的調(diào)試方法：
首先需要準備node環(huán)境
第一步：下載全局安裝 node-nightly
npm install -g --save-dev node-nightly
第二步：添加調(diào)試命令
"node-nightly": "node-nightly --inspect-brk ./node_modules/webpack/bin/webpack.js",
第三步：命令行中運行 npm run node-nightly
第四步： 打開谷歌瀏覽器在url上輸入 chrome://inspect/#devices
點擊inspect 進入調(diào)試頁面
第五步： 在vscode中的node_module里面找到loader的index.js文件，在module.exports函數(shù)里面加上debugger;
到此，可以按照平時調(diào)試js一樣，調(diào)試對應loader腳本。
到此這篇關(guān)于如何在webpack項目中調(diào)試loader插件的文章就介紹到這了,更多相關(guān)webpack調(diào)試loader插件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細介紹了js獲取數(shù)組中的最大值的9種方法，以及每種方法的工作原理和用法，文中的示例代碼講解詳細，需要的可以參考下2023-08-08
使用indexOf等在JavaScript的數(shù)組中進行元素查找和替換
使用slice、replace、indexOf等等在JavaScript的數(shù)組中進行元素的查找和替換，感興趣的朋友可以學習下2013-09-09
Javascript中的對像賦值與Java中是一樣的,都為引用傳遞.就是說,在把一個對像賦值給一個變量時,那么這個變量所指向的仍就是原來對像的地址.那怎么來做呢 答案是克隆.2008-12-12
JavaScript二維數(shù)組實現(xiàn)的省市聯(lián)動菜單
這篇文章主要介紹了使用二維數(shù)組實現(xiàn)的省市聯(lián)動菜單，通過二維數(shù)組存儲城市列表項,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了JS折半插入排序算法,以完整實例形式較為詳細的分析了JavaScript實現(xiàn)折半插入排序的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
本節(jié)主要介紹了checkbox選中與未選中的判斷方法，需要的朋友可以參考下2014-08-08
在JavaScript中，for-in和for-of是兩種不同的循環(huán)結(jié)構(gòu)，本文主要介紹了js中for-in和for-of的區(qū)別，具有一定的參考價值，感興趣的可以了解一下2023-12-12
有效性驗證的方法有很多，在本文將為大家介紹下如何使用js簡單實現(xiàn)下，感興趣的朋友可以參考下2013-10-10
這篇文章主要為大家詳細介紹了如何分別使用Vue和JavaScript實現(xiàn)全選與反選功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-04-04
Visual Studio Code (簡稱 VS Code / VSC) 是一款免費開源的現(xiàn)代化輕量級代碼編輯器。這篇文章主要介紹了vsCode安裝使用教程和插件安裝方法,需要的朋友可以參考下2018-11-11