Related to: https://stackoverflow.com/a/15371443/510045
I am trying to configure grunt to dynamically compile my .scss files using grunt-sass. I'd like to compile only non-partial files but am running into an issue where if the filename has more than one dot in it, the compiled css filename is incomplete. Here is my configuration:
sass: {
dist: {
files: [{
expand: true, // Enable dynamic expansion.
cwd: 'sass/', // Src matches are relative to this path.
src: ['**/*.scss', '!**/_*.scss'], // Actual pattern(s) to match. Compile all .scss files except partials
dest: 'css', // Destination path prefix.
ext: '.css', // Dest filepaths will have this extension.
}]
}
}
This works as expected except for those aforementioned multiple dot filenames. For example, a file named some.jquery.plugin.scss
will get compiled to a file named some.css
instead of some.jquery.plugin.css
.
I've been digging around the grunt documentation on files format but am not having any luck. Thanks in advance!