Question

我开始在现有的网站上工作，使用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']);

};

Answer 1

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

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

无法找到源文件

1 个答案: