【问题标题】:How to stop grunt compass task compiling sass files intended for include如何停止 grunt compass 任务编译用于包含的 sass 文件
【发布时间】:2013-09-08 13:38:16
【问题描述】:

在我的 Gruntfile.js 中,我有这个罗盘配置

watch: {
  compass: {
    files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
    tasks: ['compass']
  },
  livereload: {
    files: [
      '<%= yeoman.app %>/{,*/}*.html',
      '{.tmp,<%= yeoman.app %>}/styles/{,*/}*.css',
      '{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.js',
      '{.tmp,<%= yeoman.app %>}/scripts/{,*/}*.json',
      '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}'
    ],
    tasks: ['livereload']
  }
},

... more stuff ...

compass: {
  options: {
    sassDir: '<%= yeoman.app %>/styles',
    cssDir: '<%= yeoman.app %>/styles',
    imagesDir: '<%= yeoman.app %>/images',
    javascriptsDir: '<%= yeoman.app %>/scripts',
    fontsDir: '<%= yeoman.app %>/styles/fonts',
    importPath: '<%= yeoman.app %>/components',
    relativeAssets: true
  },
  dist: {
  },
  server: {
    options: {
      debugInfo: true
    }
  }
},

我已经开始分离我的 sass 文件,并且有一些文件只打算包含在最终编译的文件中。它们依赖于以前导入的东西,因此无法自行编译。如何在 grunt 中指示 compass 只编译一个已经完美编译的根 scss 文件以及所有组件,而不是在目录中乱扔无用的额外 css 文件?

【问题讨论】:

    标签: css sass gruntjs yeoman


    【解决方案1】:

    在它们前面加上underscore 或使用specify 选项:

    让您指定要编译的文件。如果您不想编译整个文件夹,这很有用。支持通配符。忽略以下划线开头的文件名。文件必须位于您在sassDir 中指定的目录中。

    【讨论】:

    • 您可以添加指向此信息的链接吗?
    • 添加了几个链接。
    猜你喜欢
    • 2015-02-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-04
    • 2018-11-21
    相关资源
    最近更新 更多