Grunt SASS任务属性选项,dist和dev之间的区别?

时间:2014-10-26 23:14:44

标签: sass gruntjs

当我正在编辑我的Gruntfile.js的sass任务时,我不理解不同属性(例如distdevoptions)之间的差异。 sass任务对象。

例如,在下面的代码中,sass对象包含两个属性optionsdist。我还在dev任务的其他一些示例中看到了sass属性。

sass: {
    options: {
      includePaths: ['bower_components/foundation/scss']
    },
    dist: {
      options: {
      outputStyle: 'compressed'
      },
      files: {
        'css/app.css': 'scss/app.scss',
        // our component file on the right
        // file to save on the left
        'css/top-bar.css' : 'scss/topbar.scss'
      }
    }
  },

在grunt-sass Github文档中,仅讨论了options属性。没有提及distdev,但我发现optionsdist可以显示dev。逻辑告诉我dist用于最终构建,dev用于开发。我不确定但也不确定如何使用它们。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

配置任务时,您可以拥有多个目标,例如distdev(您可以根据需要为其命名)。每个目标都有自己的设置,这显然取决于任务。

我不确定您正在使用哪个任务(可能grunt-sass?),但最外面的options可能适用于所有目标。

请参阅Grunt文档的this part