Question

在尝试组合我在网站上使用的所有预编译的前端库之前，我需要检查文件是否存在。

到目前为止我的gulpfile.js：

var elixir     = require('laravel-elixir'),
    fs = require('fs'),
    assetsPath = './resources/assets/',
    bowerPath = assetsPath + 'bower/',
    cssPath = assetsPath + 'css/';

elixir(function(mix) {
    var cssLibraries = [
        bowerPath + 'bootstrap/dist/css/bootstrap.min.css',
        bowerPath + 'font-awesome/css/font-awesome.min.css',
        bowerPath + 'Ionicons/css/ionicons.min.css',
        bowerPath + 'AdminLTE/dist/css/AdminLTE.min.css',
        bowerPath + 'AdminLTE/dist/css/skins/skin-black-light.css',
        bowerPath + 'iCheck/skins/flat/blue.css',
        bowerPath + 'morris.js/morris.css',
        bowerPath + 'AdminLTE/plugins/jvectormap/jquery-jvectormap-1.2.2.css',
        bowerPath + 'bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css',
    ];
    fs.access(cssPath + '000-processed.css', function(err) {
        // if libraries are already combined I don't neet to do it again
        if (!err) {
            console.log('I will *NOT* combine pre-compiled CSS.');
            return;
        }
        console.log('I will combine pre-compiled CSS.');
        mix.combine(cssLibraries, cssPath + '000-processed.css');
    });
    mix.sass('**', cssPath + '001-sass.css');
});

mix.combine（）函数永远不会执行，尽管mix是一个有效的对象并且执行了console.log函数。

有人可以告诉我这是否是一个有效的策略以及为什么它不起作用？

Answer 1

您可以使用 stat 检查Gulp中是否存在文件：

var source =  $(".foo").attr('src');
console.log(source);

Answer 2

我正在使用statSync，因为mix.combine（）在回调中无效。

我知道捕获异常并在之后采取有效行动是不对的，但到目前为止我还没有找到另一种解决方案。

elixir(function(mix) {
    try {
        fs.statSync(tmpPath + '000-compiledsss.css');
    } catch (err) {
        console.log("File do not exists, I will combine!");
    }
}

在Laravel Elixir 5.2上调用任务之前检查文件是否存在

2 个答案: