grunt-localscreenshots在grunt-contrib-connect

时间:2016-11-09 16:28:38

标签: javascript node.js gruntjs grunt-contrib-connect

我有一种情况,我正在使用grunt-contrib-connect将文件提供给grunt-localscreenshots。问题是,在localscreenshots的输出中,所有图像都有服务器错误,“未找到”。

如果我使用keepalive选项转到服务器,我可以导航到目录中的任何文件。

我看到的唯一细节似乎是暗示在连接运行时终端输出中“文件:[无文件]”在连接输出中。

这是我的gruntfile的精简版本,可以重现问题。

//start gruntfile
module.exports = function(grunt) {

// measures the time each task takes
require('time-grunt')(grunt);
var path = require('path'),
    argv = require('minimist')(process.argv.slice(2));

// load all grunt tasks
grunt.loadNpmTasks('grunt-localscreenshots');
grunt.loadNpmTasks('grunt-contrib-connect');


grunt.initConfig({

    localscreenshots: {
        options: {
            path: './release/screenshots',
            type: 'png',
            local: {
                path: './release',
                port: 8080
            },
            viewport: ['600x800', '768x1024', '1024x1024'],
        },
        src: ['release/*.html']
    },

    //task specific server
    connect: {
        server: {
            options: {
                port: 8080,
                base: ['./release/'],
                //keepalive: true,
                //open: true
            }
        }
    }
});

 grunt.registerTask('test', ['connect', 'localscreenshots']);
};

我的目录结构...... 哎呀,还不能发布图片。这是图像的链接。

https://drive.google.com/open?id=0B4bxMjEzI-oKTkM3YjNvT2lnZW8

提前感谢任何人可以解决这个问题。

1 个答案:

答案 0 :(得分:0)

简单的回答是不要过度思考你的道路,我指的是" ./ release"这样搞砸了。