使用 gulp 访问打字稿文件变量值

Question

我有几个打字稿文件，其中一些导出了一个名为 APIS.

的常量

我正在尝试访问这些导出（我想将它们全部连接到一个文件中），但它似乎不起作用。我显然做错了什么，但我不确定是什么。

例如，我有一个名为 services 的文件夹，其中有 2 个文件：service1.ts、service2.ts.

service1.ts:

...
export const APIS = [ { "field1" : "blabla" } ];

service2.ts: 不包含 APIS 变量

这是我的 gulpfile.js:

var gulp = require('gulp');
var concat = require('gulp-concat');
var map = require('gulp-map');

gulp.task('default', function() {
  return gulp.src('.../services/*.ts')
        .pipe(map(function(file) {
            return file.APIS;
          }))
        .pipe(concat('all.js'))
        .pipe(gulp.dest('./test/'));
});

当我运行这个任务时，我一无所获。当我将 console.log(file.APIS); 添加到 map 函数时，我得到所有值的 undefined（尽管它是在 service1.ts 中定义的！）。

以下是：

编辑： 好的，所以我尝试将导出保存在 .js 文件而不是 .ts 文件中，现在我可以使用 require 访问这些变量:

gulp.task('default', 函数() {

  return gulp.src('./**/*.service.export.js')
        .pipe(map(function(file) {
            var fileObj = require(file.path);
            ...
          }))

现在，如果我尝试 console.log(fileObj.APIS);，我会得到正确的值。我仍然感到困惑的是如何传递这些值，并从所有这些变量中创建一个文件。是否可以将它们推入数组？

Answer 1

这不会像您认为的那样起作用。 Gulp 本身对 typescript 文件一无所知，该文件是 vinyl-file 并且不知道其内容中的 typescript 代码。

编辑

根据你的例子，你可以这样做：

var gulp = require('gulp');
var concat = require('gulp-concat');
var map = require('gulp-map');
var fs = require('fs');

gulp.task('test', function ()
{
    var allConstants = [];
    var stream = gulp.src('./**/*.service.export.js')
        .pipe(map(function(file)
        {
            var obj = require(file.path);
            if (obj.APIS != null)
                allConstants = allConstants.concat(obj.APIS);
            return file;
        }));

    stream.on("end", function (cb)
    {
        // Do your own formatting here
        var content = allConstants.map(function (constants)
        {
            return Object.keys(constants).reduce(function (aggregatedString, key)
            {
                return aggregatedString + key + " : " + constants[key];
            }, "");
        }).join(", ");

        fs.writeFile('filename.txt', content, cb);
    });
    return stream;
});

Answer 2

建议

如果您想将多个变量收集到一个文件中，即一个公共变量文件，我建议 gulp-replace。

步骤

创建一个文件，需要它并在该文件中使用标签来放置您的变量。

建议

如果您已经在使用服务，请不要创建数组。而是创建一个对象 (JSON)，其中每个属性都是一个常量。即

var constants =  {
   const_1: 0,
   const_2: 1,
   const_3: 2,
}

使用 gulp 访问打字稿文件变量值

Accessing typescript file variable values using gulp

javascript

typescript

gulp

gulp-concat

gulp-plugin