[快快樂樂學SASS系列] 四種 Sass 編譯後的風格（Output Style）

說明網址

Sass 編譯的風格總共有四種：

• nested (預設的樣式) : 巢狀顯示
• expanded : 不要巢狀
• compact : 簡潔樣式，縮進成一行
• compressed ：壓縮模式

實測：

(結果我把圖都截下來之後才看到手冊寫的說明 Orz...)

Gruntfile.js 的 output style 的寫法，設定寫在 style 選項的值。

	module.exports = function(grunt){
	grunt.initConfig({
	pkg : grunt.file.readJSON('package.json'),
	sass:{
	dist: {
	options:{
	style: 'expanded'
	},
	files:{
	'style.css': 'style.sass',
	}
	}
	}
	});
	grunt.loadNpmTasks('grunt-contrib-sass');
	grunt.registerTask('default',['sass']);
	}

view raw sass_demo_gruntfile.js hosted with ❤ by GitHub