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