从单独的 gulp 文件导入/读取变量

Question

我希望将 gulpfile.js assets 或 src 变量拆分到单独的文件中，以便更好地管理它们。例如：

....

var scripts = ['awful.js', 'lot.js', 'of.js', 'js.js', 'files.js']

....(somewhere down the line)

gulp.task('vendorjs', function() {
    return gulp.src(scripts)

        .pipe(concat('vendor.js'))
        .pipe(rename({suffix: '.min'}))
        .pipe(uglify())
        .pipe(gulp.dest(paths.root + 'dist'))
        .pipe(notify({ message: 'vendorjs task completed' }));
});

所以我基本上感兴趣的是，如果有一种方法可以将 scripts 变量实际移动到一个单独的文件并能够从 gulpfile.js.

访问它

我一直在研究类似的东西：

require("fs").readFile('gulp/test.js', function(e, data) {
   //(test.js would be the file that holds the scripts var)
});

然而，虽然它确实读取了文件的内容，但我仍然无法从 gulpfile.js 访问它。非常感谢任何提示或想法。

Answer 1

您可以使用 json 文件来存储您的资产或源文件位置，并将其加载到您的 gulp 文件中。

例如：

// config.json

{
  "scripts": ["awful.js", "lot.js", "of.js", "js.js", "files.js"]
}

在你的 gulp 文件中你会做

// gulpfile.js

var config = require('./config');

var scripts = config.scripts;

console.log(scripts);

Answer 2

Node.js 允许您使用 require() 导入其他文件。它支持 three types of files:

JSON 个文件。请参阅。
二进制 Node.js 插件。对您的用例没有用。
JavaScript 个文件。这就是你想要的。

对于 JavaScript 文件，从 require() 返回的值是分配给导入文件中的 module.exports 的值。

因此对于您的用例：

gulp/test.js

var arrayOfFiles = ["awful.js", "lots.js"];
arrayOfFiles.push("of.js");
arrayOfFiles.push("js.js");
arrayOfFiles.push("files.js");
for (var i = 0; i < 10; i++) {
  arrayOfFiles.push("some_other_file" + i + ".js");       
}

module.exports = {
  scripts: arrayOfFiles
};

gulpfile.js

var test = require('gulp/test.js');

gulp.task('vendorjs', function() {
  return gulp.src(test.scripts)
    .pipe(concat('vendor.js'))
    .pipe(rename({suffix: '.min'}))
    .pipe(uglify())
    .pipe(gulp.dest(paths.root + 'dist'))
    .pipe(notify({ message: 'vendorjs task completed' }));
});

从单独的 gulp 文件导入/读取变量

Import / read variable from separate gulp file

javascript

fs

gulp