Grunt 连接服务器 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 URL: http://localhost:9001/production.js

CSS URL: http://localhost:9001/production.css

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

Answer 1

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

解决方法是在注册任务时传入变量：

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

Grunt 连接服务器 CSS 文件为空

Grunt Connect Server CSS files are blank

javascript

css

gruntjs

grunt-contrib-watch

grunt-contrib-connect