gpt4 book ai didi

javascript - 使用 Grunt 编译、连接和缩小 Sass 文件

转载 作者:搜寻专家 更新时间:2023-11-01 04:25:28 24 4
gpt4 key购买 nike

我正在使用 angularjs 构建一个相当大的 JS 应用程序,我正在使用 Grunt 将所有内容处理成一个紧凑的分布。我不知道用什么来将我的 .scss 文件编译、连接和缩小到一个单独的 css 文件中。

我的项目是按模块组织的,所以 .scss 文件是分散的,而不是分组在一个目录中。

我看过 grunt-contrib-sass 和 grunt-contrib-compass,但它们似乎都需要您单独指定要编译的文件。我正在寻找一种在添加源文件时无需更改的解决方案。

我可以使用什么 Grunt 插件来将我的 sass 文件编译、连接和缩小为单个 css 文件?

我目前正在使用 concat 和 recess 来连接和缩小我的纯 css 文件:

concat: {
css: {
src: ['<%= src.css %>'],
dest: '<%= distdir %>/<%= pkg.name %>.css'
},
},

recess: {
min: {
files: {
'<%= distdir %>/<%= pkg.name %>.css': ['<%= distdir %>/<%= pkg.name %>.css']
},
options: {
compress: true
}
}
}

最佳答案

我认为有关模式的文档可以帮助您。

http://gruntjs.com/configuring-tasks#globbing-patterns

sass: {                              // Task
dist: { // Target
options: { // Target options
style: 'expanded'
},
src: 'foo/{a,b}*.sass', // you can use some kind of regular expression
dest: 'foo/css/
}
}

关于javascript - 使用 Grunt 编译、连接和缩小 Sass 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21154854/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com