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