typescript - 无法在 vscode 中使用 node-ts 调试 Webpack 3 index.ts

Question

我正在使用 vs 代码，我正在尝试调试我的 index.ts 文件，我正在使用 ts-node 构建我的 ts 文件。我的问题是当我开始调试时出现错误，因为我的 index.ts 文件包含

import './index.scss';

错误是$mainColor: #7777bb; SyntaxError: Invalid or unexpected token

我的 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-node 正确调试并以某种方式跳过此导入语句，或者是否有一种可靠的方法可以捆绑我的 SCSS 文件而不将它们导入我的 index.ts （我知道这是矛盾的，但如果它有效......）。如果可能的话，我还想避免通过浏览器进行调试。