如何在 NativeScript 项目中隐藏 TypeScript 自动生成的文件

Posted

技术标签:

【中文标题】如何在 NativeScript 项目中隐藏 TypeScript 自动生成的文件【英文标题】:How can I hide autogenerated files by TypeScript in a NativeScript Project 【发布时间】:2017-02-04 13:13:13 【问题描述】:

我是 NativeScript 和 TypeScript 的新手。我正在构建一个应用程序并在应用程序目录中发现所有额外的 .js 和 .js.map 文件非常分散注意力。

有没有办法隐藏这些文件?

我正在使用tsconfig.json 文件中的"outDir": "./dist", 选项。它按预期将所有生成的文件放入 ./dist 目录中。运行项目时出现以下错误:

undefined: JS ERROR Error: Could not find module './'. Computed path '/LOCATION_OF_SIMULATOR/typescripttest.app/app'.

我想知道是否有办法让运行时同时检查 app 目录和 dist 目录?

【问题讨论】:

我喜欢 VSCode 的答案。但我想知道是否有一种方法可以将文件实际保存在不同的目录树中。所以任何工具都不会被这些文件弄得一团糟。 【参考方案1】:

用于隐藏文件的 Visual Studio 代码设置。


    "files.exclude": 
        "**/*.css": true,
         "**/*.js":  "when": "$(basename).ts",
         "**/*.map": true       
        

【讨论】:

【参考方案2】:

您可以使用 VSCode 通过将以下内容添加到您的工作区或全局 vscode settings.json 文件来隐藏侧栏中的文件。 answer 的详细信息。


   "files.exclude": 
       "**/.git": true,
       "**/.DS_Store": true,
       "**/*.js.map": true,
       "**/*.js": "when": "$(basename).ts"
   

【讨论】:

以上是关于如何在 NativeScript 项目中隐藏 TypeScript 自动生成的文件的主要内容,如果未能解决你的问题,请参考以下文章

如何在nativescript angular中隐藏ios的水平滚动指示器

如何在 NativeScript 应用程序中导航多个页面?

Nativescript - 在 Android 中隐藏状态栏

如何在 nativescript 中进行水平轮播布局?

如何在 nativescript 中使用 InAppBrowser

RadDataForm nativescript vue 显示/隐藏密码