sass - Unable to find source files -
i've started working on existing website @ work uses sass , auto-prefixer grunt. i'm not 100% familiar files yet, don't want change structure avoid breaking anything. problem i'm having no matter .scss files edit, doesn't affect required .css file. developers built site aren't here anymore.
the changes make either affect file.css or file2.css, , need reach file.expanded.css, there's no mention of file in gruntfile, either removed, or it's being compiled in way. obviously, i'm avoiding editing directly. i'm unsure if have enough figure out.
in case helps, here's gruntfile:
module.exports = function(grunt){ require("matchdep").filterdev("grunt-*").foreach(grunt.loadnpmtasks); grunt.initconfig({ pkg: grunt.file.readjson('package.json'), sass: { build: { files: { 'assets/css/file2.css': 'assets/sass/folder/file2.sass' } } }, autoprefixer: { build: { src: 'assets/css/file.css', dest: 'assets/css/file.css' } }, watch: { css: { files: ['assets/sass/**'], tasks: ['buildcss'] } }, // browsersync browsersync: { dev: { bsfiles: { src: [ 'assets/css/*.css', 'assets/images/*', 'assets/scripts/*.js', '**/*.html' ] }, options: { watchtask: true, proxy: "site.dev:8888", } } }, }); grunt.registertask('default', ['browsersync', 'watch']); grunt.registertask('buildcss', ['sass', 'autoprefixer']); };
you should install grunt task source maps , recompile css. use gulp so, i'm unsure best solution grunt might be, it's similar set up. when css compiled source maps, you'll able pinpoint inspector in partial or sass file style declarations coming from.
http://thesassway.com/intermediate/using-source-maps-with-sass
Comments
Post a Comment