How to create a local module in TypeScript(如何在TypeScrip中创建本地模块)
本文介绍了如何在TypeScrip中创建本地模块的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已在src/modules/my-module/文件夹中创建了package.json,并定义了导出我们所需的所有内容的主文件。
我现在可以从中导入import {A} from '../../modules/my-module'
我想将语法更改为import {A} from 'my-module',我有几个原因:
- 将模块移动到另一个文件夹时,我不想更改调用此模块的所有代码。
- 稍后,我希望能够将模块作为NPM包移动到单独的存储库,并在多个项目中重复使用它。我不想稍后更改所有调用代码。
我已设法通过添加到tsconfig.json
"paths": {
"my-module": ["src/modules/my-module"]
}
但我不能通过node.js运行结果,因为节点找不到模块。在这种情况下,有没有办法使用非实际的模块引用。
推荐答案
将ts文件转换为js时,TS不会转换"my-MODULE"。使用module-alias包可能会解决您的问题。
将以下配置添加到Package.json:
"_moduleAliases": {
"my-module": "<your_build_folder>/modules/my-module"
},
和主文件(server.ts/index.ts)第一行的代码
import 'module-alias/register';
这篇关于如何在TypeScrip中创建本地模块的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
编程基础网
本文标题为:如何在TypeScrip中创建本地模块
基础教程推荐
猜你喜欢
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- HTML5 画布调整为父级 2022-01-01
