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