Typescript 无法使用vscode中的节点ts调试Webpack 3 index.ts
我正在使用vs代码,我正在尝试调试index.ts文件,我正在使用ts节点构建ts文件。我的问题是,当我开始调试时,由于index.ts文件包含Typescript 无法使用vscode中的节点ts调试Webpack 3 index.ts,typescript,debugging,webpack-3,ts-node,Typescript,Debugging,Webpack 3,Ts Node,我正在使用vs代码,我正在尝试调试index.ts文件,我正在使用ts节点构建ts文件。我的问题是,当我开始调试时,由于index.ts文件包含 import './index.scss'; 错误是$mainColor:#7777bb;SyntaxError:无效或意外令牌 my launch.json看起来像: { "name": "Current TS File", "type": "node", "request": "launch
import './index.scss';
错误是$mainColor:#7777bb;SyntaxError:无效或意外令牌
my launch.json看起来像:
{
"name": "Current TS File",
"type": "node",
"request": "launch",
"args": [
"${relativeFile}"
],
"runtimeArgs": [
"--nolazy",
"-r",
"ts-node/register"
],
"sourceMaps": true,
"cwd": "${workspaceRoot}",
"protocol": "inspector"
}
考虑到这是无效的typescript/javascript语法,这非常有意义。此外,我得出的结论是,当与webpack 3(2)捆绑时,排除此导入是一种不好的做法。我的问题是,我试图找出如何正确调试ts节点,并以某种方式跳过此导入语句,或者是否有一种可靠的方法可以捆绑我的SCSS文件而不将其导入index.ts(我知道这是矛盾的,但如果它起作用…)。如果可能的话,我还希望避免通过浏览器进行调试