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

【问题标题】：Managing Relative file paths in gulp build在 gulp build 中管理相对文件路径
【发布时间】：2016-06-15 16:49:22
【问题描述】：

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

我正在建立一个 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 没有更改引用（我没有'不要指望他们，因为我也没有试图告诉他们！）。这通常是如何处理的？

【问题讨论】：

标签： node.js gulp gulp-typescript

【解决方案1】：

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

您可以使用 --outdir (Typescript compiler options) 让 Typescript 编译器将您的文件放置在 dist/js 目录中而无需路径

【讨论】：