Grunt Connect Server CSS-Dateien sind leer

Question

Ich verwende einen Grunt connect-Webserver, um JS- und CSS-Dateien lokal bereitzustellen.

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

Die Grunt Aufgabe wie folgt aussieht:

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

Es Server JS-Dateien korrekt, aber alle CSS-Dateien sind serviert leer.

Im Folgenden sind die lokalen URLs auf die Dateien zugreifen verwendet:

JS URL: http://localhost:9001/production.js

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

Jede Hilfe oder Gedanken werden sehr geschätzt!

Answer 1

Es stellte sich heraus, dass die Variable templateDir configure nicht leer war, aber nicht zu einem Fehler führte. Die Sache, die mich warf, war das Verzeichnis, das tatsächlich mit Dateien des genau gleichen Namens existierte.

Lösung war in den Variablen zu übergeben, wenn die Aufgabe der Registrierung:

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