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

相关文章
相关标签/搜索