TypeScript 1.8,多个.ts文件中的单个文件-应用程序结构
TypeScript 1.8, Single File from Multiple .ts files - App Structure
我正试图在Electron中创建一个应用程序,我想为此使用Typescript。知道Typescript最终可以归结为JavaScript,这没问题,而且以前使用过Typescript,这"很管用"。
我目前的场景是,我试图从TypeScript(使用outFile设置)创建一个单一的、单片的.js文件,但将我的.ts代码稍微分离成包含类的文件(在适当的情况下使用名称空间)。
我知道我可以使用TypeScript中的引用,并使用namespace关键字将代码分解为合理的块。我也一直在使用"导出类"来访问我需要的东西。然而,每当我想导入fs或lodash时,我都会遇到一个问题。然后开始得到关于"define is not defined"的各种错误。因此,我尝试导入AMD加载程序或RequireJS,但这些似乎都不起作用。
然后我读到,在TypeScript 1.8中,我不应该将内部和外部模块混合在一起。
所以,最大的问题是…我应该如何在TypeScript中布局应用程序代码。。。如何将我的代码合理地分离成包含合理类的.ts块,这些类编译成一个可以成功混淆的.js文件?使用参考资料?正在导出?正在导入?哪种模块类型?
提前干杯。
这里有几个选项:
- 使用
-outFile
和module
设置为AMD或系统的外部模块。这是可能的,因为打字1.8。更多信息 - 使用外部模块和工具,如webpack(示例)/browserfy(示例),这将允许您将生成的js连接到一个(或多个文件)中
- 不要使用命名空间。一些链接:链接,链接
希望这能有所帮助。
相关文章:
- 在不破坏未定义函数的情况下,对多个视图使用单个js文件
- 仅使用文件对象选择单个文件
- 在ES6中,模块将导致多个网络调用,因为两个模块不能在单个文件中定义
- 使用Gulp手柄部分编译为单个HTML文件
- 尝试从csv文件中检索单个值时出现问题
- 使用单个按钮上传文件
- 使用 grunt 检查单个 javascript 文件时如何解决依赖关系
- 需要来自单个JS文件的多个子模块与节点/组件.js
- 如何使用 Gulp 和 gulp 数据从单个 jade 模板生成多个 html 文件
- 单个页面上的多个音频文件javascript
- Grunt imagemin-观察多个文件/文件夹优化单个文件
- 使用PHP将png/svg导出为单个png文件
- Vue.js:如何在单个文件组件中指定道具
- 如何根据URL参数生成包含JS内容的单个HTML文件
- Dropzone.js-上传文件夹结构和单个文件
- 何时应从单个缩小的JavaScript文件中排除文件
- jQuery文件上传库:如何点击单个文件进行上传
- 在单个文件中需要js和多个已编译的Handlebar.js模板
- TypeScript 1.8,多个.ts文件中的单个文件-应用程序结构
- 用JavaScript读取本地文件:单个文件等价于files属性