当我正在编辑我的Gruntfile.js的sass任务时,我不理解不同属性(例如dist
,dev
和options
)之间的差异。 sass
任务对象。
例如,在下面的代码中,sass
对象包含两个属性options
和dist
。我还在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
属性。没有提及dist
和dev
,但我发现options
和dist
可以显示dev
。逻辑告诉我dist
用于最终构建,dev
用于开发。我不确定但也不确定如何使用它们。有什么想法吗?
答案 0 :(得分:0)
配置任务时,您可以拥有多个目标,例如dist
或dev
(您可以根据需要为其命名)。每个目标都有自己的设置,这显然取决于任务。
我不确定您正在使用哪个任务(可能grunt-sass?),但最外面的options
可能适用于所有目标。
请参阅Grunt文档的this part。