Grunt Connect Server CSS文件为空

Question

我正在使用Grunt connect 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'
]);