文章/答案/技术大牛

发布

社区首页 >问答首页 >针对不同站点的多个SASS文件的Grunt Compass

问针对不同站点的多个SASS文件的Grunt Compass
EN

Stack Overflow用户

提问于 2014-08-06 11:20:46

回答 1查看 556关注 0票数 0

我有很多不同的部分和sass文件来生成11个网站特定的样式表，所以如果我对所有11个样式表中使用的一个部分进行了更改，那么我必须等待grunt编译所有这些，然后才能刷新我的浏览器并查看更改，一个解决方法是使用指定选项并根据我正在处理的站点更改站点ID -

compass: {
    dev: {
        options: {
            sassDir: "assets/sass",
            specify: "assets/sass/site_##.scss",
            cssDir: "assets/styles",
            outputStyle: "expanded",
            noLineComments: false,
            sourcemap: true
        }
    }
},

watch: {
    css: {
        files: 'assets/sass/**/*',
        tasks: 'compass',
    },
},

有没有一种方法可以使这个动态的手表任务，即使用一个ID附加到身体或其他什么？

我的部分-

_reset
_grid
_layout
_variables
_mixins
_brand1
_brand2
_brand3
_summer
_winter
_site_1_specific
_site_2_specific
_site_3_specific
_site_4_specific
_site_5_specific
_site_6_specific
_site_7_specific
_site_7_specific
_site_9_specific
_site_10_specific
_site_11_specific

然后，我有11个SCSS文件，导入上述部分的组合，以生成最终样式表。

gruntjs

grunt-contrib-watch

grunt-contrib-compass

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-08-06 11:37:28

您可以使用grunt-newer，它只帮助您在已更改的文件中执行罗盘任务：

https://github.com/tschaub/grunt-newer

npm install grunt-newer --save-dev

grunt.loadNpmTasks('grunt-newer');

然后，您必须更改watch任务：

watch: {
    css: {
        files: '<%= tui.sass %>/**/*',
        tasks: ['newer:compass']
    },
},

希望能帮上忙。

致以问候。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25159040

复制

相似问题

问针对不同站点的多个SASS文件的Grunt Compass
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问针对不同站点的多个SASS文件的Grunt CompassEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问针对不同站点的多个SASS文件的Grunt Compass
EN