Question

在我的角度应用程序的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‘

Answer 2

您可以使用typescript配置文件来完成此操作。添加outDir以及将存储所有已编译文件的路径。

您还可以提及通过outFile

将所有已编译的文件放入一个文件中

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

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

2 个答案: