sass - grunt-contrib-sass 阻止源映射

Question

我的 Grunt 设置是使用 sass 将我的 .scss 文件编译为 src/ .css 并使用 cssmin 将我的 src/ .css 文件合并并缩小为 main.css。

我想在 SASS 中使用新的源映射功能，但我不确定它是否真的对我有用，因为我考虑到 cssmin 会将我所有的 css 文件放入 main.css。

有没有人对此有任何见解？

我现在也在尝试关闭 grunt-contrib-sass 中的源映射，但它不会占用。这是我的 Gruntfile.js 中的相关代码：

sass: {
  dist: {
    options: {
      sourcemap: 'none'
    },
    files: [{
      expand: true,
      cwd: 'stylesheets/scss',
      src: ['**/*.scss'],
      dest: 'stylesheets/src',
      ext: '.css'
    }]
  }
},

来自：github.com/gruntjs/grunt-contrib-sass

Answer 1

我刚遇到这个问题，其他解决方案对我没有帮助。这是我修复它的方法：

options: {
  "sourcemap=none": ''
}

使用 sass 版本 3.4.2，并npm update没有帮助

Answer 2

我遇到了同样的问题。正如@imjared 在上述评论中所建议的那样，更新 grunt-contrib-watch 和 grunt-contrib-sass 就可以了。

https://www.npmjs.org/doc/cli/npm-update.html

Answer 3

添加 sourceMap: true 如下解决了我的问题（注意：我正在使用 grunt.loadNpmTasks('grunt.sass')）：

sass: {
  options: {
    includePaths: ['bower_components/foundation/scss'],
    imagePath: '/images'
  },
  dist: {
    options: {
      outputStyle: 'nested',
      sourceMap: true
    },
    files: [{
    expand: true,
            cwd: 'scss',
    src: ['[^_]*.scss'],
    dest: '../public/css/',
    ext: '.css'
    }]
  }
}

希望对某人有所帮助。