我目前正在开发一个 TypeScript 应用程序,该应用程序由多个用 TypeScript 编写的 Node 模块组成,这些模块安装在node_modules
目录中。
在继续之前,我想指出我正在使用 TypeScript 2.0,如果需要的话,我也不反对使用 2.1 开发版本。我只是想让这个工作。
每个 Node 模块的结构大致如下:
dist/
es2015/
index.js
utils/
Calculator.js
Calculator.d.ts
Date.js
Date.d.ts
Flatpack.js
Flatpack.d.ts
src/
index.ts
utils/
Calculator.ts
Date.ts
Flatpack.ts
dist 文件夹是生成的源,此路径是outDir
在我的tsconfig.json
文件内部配置的。我还将我的main
属性配置package.json
为dist/es2015/index.js
.
需要注意的重要事项:
- 在我的项目中,我使用
moduleResolution
的是node
- 我正在使用 TypeScript 2.0
- 我不是在问如何从包中导入文件。我通过 Npm 安装包,然后
packagename/
从使用此模块的应用程序中导入它。
现在是我的问题/问题。从这个模块导入文件时,我希望能够做到这一点:
import {Sin, Cos, Tan} from "common-utils/utils/Calculator";
但是,该文件无法解析到该dist/es2015/utils
目录。理想情况下,我希望我的导入从这个特定dist
文件夹而不是从根目录解析,这似乎正在发生。
上面的导入需要写成下面这样才能让它工作:
import {Sin, Cos, Tan} from "common-utils/dist/es2015/utils/Calculator";
但是,dist/es2015
每次都写并不理想,它只会让一些导入看起来很长。有没有办法可以配置我的模块以解析到dist/es2015
目录?我不想在我的项目中添加覆盖,理想情况下每个模块都会指定从哪里解析文件。
如果您在创建要与 Jspm 一起使用的插件/模块时在 Jspm 中仍然不确定我在问什么(如果这令人困惑,我深表歉意),您可以package.json
在模块内部指定如下内容:
"jspm": {
"registry": "npm",
"jspmPackage": true,
"main": "my-module",
"format": "amd",
"directories": {
"dist": "dist/amd"
},
我正在 TypeScript 中寻找与上述内容相同的内容(如果存在)。映射指令,因此当最终用户运行npm install my-cool-package
然后在他们的应用程序中尝试导入某些内容时,默认情况下所有导入都解析到commonjs
目录(上面的 Jspm 示例使用 amd,但前提相同)。
这是可能的还是我在这里误解了什么?我知道最新版本中添加了一些新的路径映射功能,但几乎不存在使用它们的文档。