找不到源文件答案

【问题标题】：Unable to find source files找不到源文件
【发布时间】：2017-01-20 06:59:01
【问题描述】：

我已经开始在工作中使用 Sass 和带有 Grunt 的自动前缀的现有网站工作。我还不是 100% 熟悉这些文件，但我不想改变结构以避免破坏任何东西。我遇到的问题是，无论我编辑什么 .scss 文件，它都不会影响所需的 .css 文件。最初建立该网站的开发人员已经不在了。

我所做的更改会影响 file.css 或 file2.css，我需要访问 file.expanded.css，但在 Gruntfile 中没有提及此文件，因此它要么被删除，要么正在编译另一种方式。显然，我避免直接编辑它。我只是不确定我是否有足够的能力来解决这个问题。

如果有帮助，这里是 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']);

};

【问题讨论】：

标签： sass gruntjs source-maps

【解决方案1】：

您应该为源映射安装 Grunt 任务并重新编译您的 CSS。我个人使用 Gulp，所以我不确定 Grunt 的最佳解决方案可能是什么，但它是一个类似的设置。当您的 CSS 使用源映射编译时，您将能够通过检查器确定样式声明来自哪个部分或 SASS 文件。

http://thesassway.com/intermediate/using-source-maps-with-sass

【讨论】：