Im Moment habe ich app/styles/main.scss
und mein Sass ist in mehrere strukturierte Dateien aufgeteilt und in main.scss
importiert. In meinem index.html
habe ich folgendes:Grunt Sass zu CSS nicht Gebäude
<!-- build:css styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->
Ich bin mit Grunzen-contrib-Sass Kompass von dem, was ich sehe in meinem Gruntfile.js und jetzt will ich zusätzlich eine einzelne Datei erstellen, die app/styles/modules/_infowindow.scss
ich habe versucht, die folgenden:
sass: {
dist: {
files: [{
expand: true,
cwd: '<%= yeoman.app %>/styles/modules',
src: ['_infowindow.scss'],
dest: '.tmp/cdn/'
}]
}
},
Klemme gibt diese:
Running "sass:dist" (sass) task
Verifying property sass.dist exists in config...OK
Files: app/styles/modules/_infowindow.scss -> .tmp/cdn/_infowindow.css
Options: (none)
Aber wenn ich das Verzeichnis von .tmp
überprüfe, gibt es kein Verzeichnis für cdn
.
Zusätzlich:
Dies ist meine aktuellen Kompasseinstellungen;
// Compiles Sass to CSS and generates necessary files if requested
compass: {
options: {
sassDir: '<%= yeoman.app %>/styles',
cssDir: '.tmp/styles',
generatedImagesDir: '.tmp/images/generated',
imagesDir: '<%= yeoman.app %>/images',
javascriptsDir: '<%= yeoman.app %>/scripts',
fontsDir: '<%= yeoman.app %>/fonts',
importPath: './bower_components',
httpImagesPath: '/images',
httpGeneratedImagesPath: '/images/generated',
httpFontsPath: '/fonts',
relativeAssets: false,
assetCacheBuster: false,
raw: 'Sass::Script::Number.precision = 10\n'
},
dist: {
options: {
generatedImagesDir: '<%= yeoman.dist %>/images/generated'
}
},
server: {
options: {
sourcemap: true
}
}
}
Haben Sie versucht, den Unterstrich aus dem Dateinamen zu entfernen: anstelle von _infowindow.scss, verwenden Sie infowindow.scss – Nora
@Nora ja ich tat, aber es gibt '>> Quelldatei" app/styles/modules/infowindow.scss "nicht gefunden .' –
Haben Sie die Datei auch umbenannt? Sie sollten die Datei umbenennen und den neuen Namen ohne Unterstrich in Ihrer Grunt-Aufgabe – Nora