angular - 如何将所有编译文件移出src目录

Question

在我的 Angular 应用程序的 src 文件中看到 .js、.map、.spec 等是非常烦人的。我只想将 .ts 文件放在该目录中。有没有办法让编译器将它们放入另一个目录并从那里为应用程序提供服务？现在我只是在本地开发。

Answer 1

有几种方法可以解决这个问题。

如果您使用的是 VS Code 等代码编辑器，一种选择是“隐藏”编辑器中的文件。我在 VS Code 的 settings.json 文件中使用它:

// Place your settings in this file to overwrite default and user settings.
{
    "files.exclude": {
        "**/.git": true,
        "**/.DS_Store": true,
        "**/app/**/*.js": true,
        "**/*.map": true
    },
    // Controls auto save of dirty files. Accepted values:  "off", "afterDelay", "onFocusChange". If set to "afterDelay" you can configure the delay in "files.autoSaveDelay".
    "files.autoSave": "afterDelay"
}

另一个选择是使用 Angular CLI。默认情况下，它会在 dist 文件夹中生成所有 .js 和 .map 文件，因此您的 src 文件夹中不会有它们。

这里还有其他建议:Separate Angular2 TypeScript files and JavaScript files into different folders, maybe 'dist‘