使用Grunt編譯，連接和縮小Sass文件

我正在使用angularjs構建一個相當大的JS應用程序，並且我正在使用Grunt將所有內容處理成一個緊湊的分佈。我找不出用什麼來編譯，連接和縮小我的.scss文件到一個單一的CSS文件。使用Grunt編譯，連接和縮小Sass文件

我的項目是由模塊組織的，所以.scss文件是分散的，而不是分組在一個目錄中。

我已經看過grunt-contrib-sass和grunt-contrib-compass，但它們似乎都需要你單獨指定要編譯的文件。我正在尋找一種在添加源文件時不會改變的解決方案。

什麼Grunt插件可以用來編譯，concat和縮小我的sass文件到一個單一的CSS文件？

我目前使用CONCAT和凹槽Concat的，然後再縮小我的純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 
    } 
    } 
}

來源

2014-01-16 Chaseph

你應該能夠做到這一點的'通過添加路徑到'files'陣列 – megawac

咕嚕用凹recess'聲稱是對CSS和少：皮棉和縮小的CSS少。它是否也適用於sass？ – Chaseph

[grunt-sass]（https://github.com/sindresorhus/grunt-sass）或[grunt-contrib-sass]（https://github.com/gruntjs/grunt-contrib-sass）取決於您的需求（grunt-sass使用[lib-sass]（https://github.com/hcatlin/libsass））。 – steveax

我認爲一個關於模式的文檔可以幫助你。

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/ 
    } 
}

來源

2014-01-16 09:12:50

謝謝您，先生，您帶領我朝着正確的方向前進。 – Chaseph

使用Grunt編譯，連接和縮小Sass文件

回答

相關問題