在gulp构建中管理相对文件路径

时间:2016-06-15 16:49:22

标签: node.js gulp gulp-typescript

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

我正在建立一个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不是不要改变引用(我也没想到它们,因为我没有试图告诉它们!)。这通常是如何处理的?

1 个答案:

答案 0 :(得分:0)

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

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