compass利用koala在chrome開啓scss調試

compass不生成maps文件,所載調試css上,極不方便。看到下圖的調試方式,怎麼作。css

利用用koala來解決,具體步驟以下:前端

1.確保本身安裝了ruby和sass,compass。接着安裝 compass-sourcemapswebpack

gem install compass-sourcemaps --pre

2.安裝koala,安裝完成打開設置web

3.在config.rb文件添加下列一段代碼chrome

# enable sourcemaps
enable_sourcemaps = true
sass_options = {:sourcemap => true}

4.開啓chrome的開發者工具(F12)-> settings -> preference(首選項意思)gulp

ps: koala 是一種前端能轉義的工具,固然如今都在使用webpack,gulp,grunt等其餘打包軟件,可是這些打包軟件,都須要寫配置,明明就是簡單活動頁面,另外你也不想再本身的編輯器上裝各類sass轉css插件,因此koala提供很大方便。sass

相關文章
相關標籤/搜索