grunt contrib sass生成一个文件而不是多个文件

grunt contrib sass生成一个文件而不是多个文件,sass,gruntjs,grunt-contrib-sass,Sass,Gruntjs,Grunt Contrib Sass,出于某种原因,grunt contrib sass生成一个组合的.css文件,而不是多个.css文件。但这只有在我定义ext选项时才会发生 文件结构: app/ 资产/ 样式表/ application.web.scss application.mobile.scss application.tablet.scss 公开的/ 资产/ Gruntfile.js配置 sass:{ 默认值:{ 选项:{ 罗盘:错, 是的, 样式:“扩展” }, 档案:[{ 是的, src:'应用程序.*.scss'

出于某种原因,grunt contrib sass生成一个组合的
.css
文件,而不是多个
.css
文件。但这只有在我定义
ext
选项时才会发生

文件结构:

app/
资产/
样式表/
application.web.scss
application.mobile.scss
application.tablet.scss
公开的/
资产/

Gruntfile.js配置

sass:{
默认值:{
选项:{
罗盘:错,
是的,
样式:“扩展”
},
档案:[{
是的,
src:'应用程序.*.scss',
目标:“公共/资产”,
cwd:“应用程序/资产/样式表”,
分机:'.css'
}]
}
}

上述配置生成以下内容:

app/
资产/
样式表/
application.web.scss
application.mobile.scss
application.tablet.scss
公开的/
资产/
application.css

如果我完全删除
ext
选项,它将生成:

app/
资产/
样式表/
application.web.scss
application.mobile.scss
application.tablet.scss
公开的/
资产/
application.web.scss
application.mobile.scss
application.tablet.scss

我希望它生成的是:

app/
资产/
样式表/
application.web.scss
application.mobile.scss
application.tablet.scss
公开的/
资产/
application.web.css
application.mobile.css
application.tablet.css


我知道我可能忽略了一件非常基本的事情,但我似乎无法用我的一生来解决这个问题XD,所以有没有关于我做错了什么的想法?

显然,问题是文件名包含多个点。这和扩展混淆了。为了解决这个问题,我应该使用
extDot
属性来定义扩展从哪个点开始。我在这里找到了这个答案,它指向了这里的实际文档

您知道每个客户端都会下载每个链接的CSS文件,即使它们不符合媒体条件,对吗?用户不会从中受益。您知道将SCSS文件编译成多个文件与链接的CSS无关,对吗?