Grunt Connect Server CSS文件为空

Question

我正在使用Grunt连接Web服务器在本地提供JS和CSS文件。

Grunt-contrib-connect：https://github.com/gruntjs/grunt-contrib-connect

Grunt任务如下所示：

connect: {
    server: {
        options: {
            port: 9001,
            base: '<%= templateDir %>/interface/build/',
            livereload: true,
            debug: true
        }
    }
}

它正确地为JS文件提供服务，但所有提供的CSS文件都是空的。

以下是用于访问文件的本地URL：

JS网址：http://localhost:9001/production.js

CSS网址：http://localhost:9001/production.css

非常感谢任何帮助或想法！

Answer 1

原来，templateDir配置变量不为空，但没有导致错误。扔给我的是映射到目录实际存在的同名文件。

解决方案是在注册任务时传递变量：

grunt.registerTask('serve', [
    'set_config:templateDir:<%= pkg.templateDir %>',
    'connect',
    'watch'
]);