在 gulp build 中管理相对文件路径

Question

我知道这是一个真正的初学者问题，但出于某种原因，我一直无法找到正确的搜索词来回答。

我正在建立一个 nodeJS 站点，Gulp 运行我的构建。其中一部分是 Typescript 和 SCSS 编译，输出被输入到 dist/js。所以我的文件看起来像这样：

.
├── dev
|   ├── app.ts
|   └── utils
|         └──file1.ts
|         └──someFunction
|                └──file2.ts
└─── dist
    └── js
         ├── file1.js
         └── file2.js

所以从 file1.ts 到 ./someFunction/file2 的引用在编译后应该是 ./file2 （即从 dist 文件引用。但是，我收到错误，因为 gulp 和 typescript 没有改变引用（我没想到他们也一样，因为我也没有尝试告诉他们！）。这通常是如何处理的？

Answer 1

我通常会尝试在开发和生产之间保持相同的路径以避免您遇到的问题。另一种选择是将文件合并到一个目标文件中并最小化（丑化）它以包含在内。如果您不想这样做，可以使用 gulp 插件来替换文本（gulp-替换、gulp-html-替换等），这样您可以删除特定路径。

您可以使用 --outdir (Typescript compiler options)

让 Typescript 编译器将您的文件放在没有路径的 dist/js 目录中

在 gulp build 中管理相对文件路径

Managing Relative file paths in gulp build

node.js

gulp

gulp-typescript