使用WebPack和Feathers調試節點

我加入了使用Node，Webpack，TypeScript和Express/Feathers構建產品的組。其他開發人員知道他們在做什麼，但我只在客戶端上使用JavaScript，直到現在，我的帶子上只有幾個小時的節點。試圖找出如何去調試。具體來說，我的第一個任務是修復一些失敗的API測試。使用WebPack和Feathers調試節點

測試與執行：

$npm run testserver

我的包有：

"scripts": { 
.... 
"testserver": "webpack --config webpack.servertest.config.js && NODE_ENV=test mocha dist/serverTests.js", 
.... 
},

的例程編譯成打字原稿然後ES6到通天ES5與節點兼容。

我試着這樣做：

$node-debug dist/serverTests.js

當此節點調試運行調用，結果是不一樣的，與故宮。請分享你的經驗。

謝謝

來源

2015-12-06 Moshe Shmukler

根據您的設置，我可以推薦你嘗試Visual Studio代碼，基於電子OS文本編輯器/ IDE以及凌主編。

解決您的問題，您可以使用兩個vscode特點：

Debugging - 對文檔如何在vscode
Tasks - 任務管理，例如尋找到它開始的WebPack配置一些指定參數和等

首先，讓我們嘗試簡單的解決方案，可能是你的情況適當的（任務文件，並不需要）：

添加到testserver的末尾--debug-brk它用於node.js，brk中的調試 - 它只是在第一行停止執行。

"testserver": "webpack --config webpack.servertest.config.js && NODE_ENV=test mocha dist/serverTests.js --debug-brk",

現在，當你npm run testserver，摩卡開始在調試模式，並在控制檯，你會看到類似Debugger listen on port 5858

第二步，在vscode你需要（端口5858）添加一些道具來launch.json - 讀我上面提到的文檔部分調試：

{ 
    "version": "0.1.0", 
    "configurations": [ 
    { 
     "name": "Attach", // or e.g. "Mocha Debug" 
     "type": "node", 
     "request": "attach", 
     "port": 5858 
    } 
    ] 
}

就是這樣。在vscode中進入調試模式，將斷點放在測試文件中，在下拉菜單中選擇'Attach'或'Mocha Debug'並開始調試（F5）

p。此外VS代碼具有一流的TypeScript支持，可能對您有所幫助。

來源

2015-12-07 20:50:23 pronevich

謝謝。我會研究這一點。 –

使用WebPack和Feathers調試節點

回答

相關問題