如何在webpack項目中調試loader插件
更新時間：2021年06月22日 10:09:59 作者：周磊愛學習
最近在學習webpack，本文主要介紹了loader插件的調試方法，需要的朋友們下面隨著小編來一起學習學習吧
最近，在學習webpack使用時，發(fā)現webpack-replace-loader配置正則不起用，調試插件后才發(fā)現，search健值竟然不支持正則的寫法，后有換成string-replace-loader插件，這個loader的search健值支持正則寫法，問題得到解決。這里記錄下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
第四步： 打開谷歌瀏覽器在url上輸入 chrome://inspect/#devices
點擊inspect 進入調試頁面
第五步： 在vscode中的node_module里面找到loader的index.js文件，在module.exports函數里面加上debugger;
到此，可以按照平時調試js一樣，調試對應loader腳本。
到此這篇關于如何在webpack項目中調試loader插件的文章就介紹到這了,更多相關webpack調試loader插件內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
目錄定位正文的應用想必大家都有見到過吧，下面有個不錯的示例，大家可以參考下2013-11-11
javascript宿主對象之window.navigator詳解
這篇文章主要為大家詳細介紹了javascript宿主對象之window.navigator，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
本文通過實例代碼給大家介紹了js中的attr的用法，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-10-10
這篇文章主要介紹了JS實現仿新浪黃色經典滑動門效果代碼,是一款非常簡單的經典鼠標響應滑動切換效果,涉及JavaScript基于鼠標事件動態(tài)操作頁面元素的技巧,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了兼容所有瀏覽器的js復制插件Zero的使用,需要的朋友可以參考下2014-03-03
本篇文章主要介紹了詳解webpack性能優(yōu)化——DLL，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10![在JavaScript中獲取請求的URL參數[正則]](http://img.jbzj.com/images/xgimg/bcimg6.png)
在ASP.NET后臺代碼中，對于這樣的URL請求地址：http://www.abc.com?id=001,我們可以通過Request.QueryString["id"]的方法很容易的獲取到URL中請求的參數的值，但是要在前臺js代碼中獲取請求的參數的值，應該怎么做呢？2010-12-12
做一個簡單的設置網頁，因為需要重啟設備功能，于是就想在上面加一個倒計時彈窗的界面，下面是具體的實現，大家可以參考下2014-03-03
兩個JavaScript中的特殊值null和undefined詳解
Null和Undefined是JavaScript中非?；A和重要的概念，理解它們的含義、特點和使用方式對于避免出現錯誤和編寫健壯的應用程序非常重要，這篇文章主要介紹了兩個JavaScript中的特殊值null和undefined詳解,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了JavaScript操作cookie類,實例分析了javascript針對cookie的設置、讀取、刪除等常用技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03