grunt-contrib-connect 运行但不工作答案

【问题标题】：grunt-contrib-connect running but not workinggrunt-contrib-connect 运行但不工作
【发布时间】：2016-08-30 10:02:25
【问题描述】：

我正在使用：https://github.com/gruntjs/grunt-contrib-connect

"grunt-contrib-connect": "^1.0.2",

运行后：grunt connect

Running "connect:server" (connect) task
Started connect web server on http://localhost:8000

Done.

所以当我在浏览器中签入时： localhost:8000 ，没有打开任何东西。

有人可以帮忙吗？

gruntfile pasteenbin : http://pastebin.com/nL771d5j

Gruntfile.js

module.exports = function  (grunt) {
    var config = {};

    //setup the configuration object
    var jshint;

    //all tasks that must be loaded.
    var tasks = [
            ,'grunt-contrib-watch'
            ,'grunt-contrib-concat'
            ,'grunt-contrib-sass'
            ,'grunt-contrib-connect'
    ];

                //src ===============================
                var src;
                config.src = src = {
                     sassMain        : 'scss/main.scss',
                     distFolder      : 'public/stylesheets/dist.css',
                     devFolder       : 'public/stylesheets/dev.css',
                     sassFolder      : 'scss/**/*.scss',
                     serverPort: 9000,
                     serverHost: '0.0.0.0' 
                };


                //Concat ===============================

                var concat
                config.concat = concat = {};

                concat.dev = {
                    files: {
                        "public/myapp.development.js": [
                            "with-bootstrap/public/js/vendor"
                            ,"with-bootstrap/public/js/**/*.js"
                        ]
                    }
                };

                //Watch ===============================
                config.watch = {
                     scripts: {
                        files: ["<%= src.sassFolder %>"]
                        ,tasks: ["sass:dist"]
                     }
                }

                //Sass ===============================
                var sass;
                config.sass = sass = {};

                    //distribution
                        sass.dist = {
                            options: { 
                                style: "compressed",
                                noCache: true, 
                                sourcemap: 'none', 
                                update:true
                            }
                            , files: {
                                "<%= src.distFolder %>" : "<%= src.sassMain %>"
                            }
                        };

                    //development env.
                        sass.dev = {
                            options: { 
                                style: "expanded", 
                                lineNumber: true,
                            }
                            , files: {
                                "<%= src.devFolder %>" : "<%= src.sassMain %>"
                            }
                        };


                    //grunt serve ===============================
                    config.connect = {
                         server: {
                          options: {
                            port: 8000,
                            base: {
                              path: 'SITE',
                              options: {
                                index: 'index.html',
                                maxAge: 300000
                              }
                            }
                          }
                        }
                    };


    //Register custom tasks ===============================
    grunt.registerTask('default',['dev']);
    grunt.registerTask('dev', ['concat:dev','sass:dev']);
    grunt.registerTask('dist',['concat:dev','sass:dist']);



    //General setup ===============================
    grunt.initConfig(config);
    tasks.forEach(grunt.loadNpmTasks);

};

【问题讨论】：

标签： gruntjs grunt-contrib-connect

【解决方案1】：

如果您自己运行 grunt-contrib-connect 插件，则需要在 grunt 配置中将属性 keepalive 设置为 true：

config.connect = {
    server: {
        options: {
            port: 8000,
            keepAlive: true,
            base: {
                path: 'SITE',
                options: {
                    index: 'index.html',
                    maxAge: 300000
                }
            }
        }   
    }
};

值得注意如果您想将连接配置用作任务链的一部分，则需要将 keepAlive 设置为 false，否则 connect 之后的任务将无法运行.您还可以使用keepAlive 选项将watch 任务与不带的watch 任务配对以保持connect 运行。

【讨论】：