编译SCSS(指南针)+刷新浏览器的最快方法? [英] Fastest way to compile SCSS (Compass) + refresh the browser?
问题描述
您只是想知道什么是最快的方式来编译SCSS和刷新浏览器?我目前正在使用LiveReload,但是有时似乎有点慢,可能需要1-3秒。似乎还不多,但是我感觉我正在失去适当的编码速度。
Just wondering what in your opinion is the fastest way to have your SCSS compiled and browser refreshed? I'm currently using LiveReload, but it seems to be a bit slow sometimes, it can take from 1-3sec. It doesn't seem much, but I feel like I'm losing my proper coding pace.
你们使用什么? CodeKit会更快吗?还是Sublime LiveReload插件(不是实际的应用程序)?还是我应该放弃指南针并使用其他东西?任何建议将不胜感激。
What do you guys use? would CodeKit be faster? Or maybe Sublime LiveReload plugin (not the actual app)? Or maybe I should give up Compass and use something else? Any suggestions would be appreciated.
PS。我在OS X上
PS. I'm on OS X
推荐答案
我使用此堆栈:
- gruntjs
- grunt-sass (使用 libsass 通过 node-sass 代替ruby sass)
- grunt-watch-contrib
- gruntjs
- grunt-sass (uses libsass via node-sass instead of ruby sass)
- grunt-watch-contrib
- Sass indented syntax is not supported.
- Compass is not supported
I use this stack:
但这是更快的x100xxx ...!
此处了解更多:
http://benfrain.com/lightning-fast-sass -与libsass-node-sass-and-grunt-sass /
要在页面上启用实时重新加载,请在结束正文标记之前添加脚本标记:
To enable live reload on your page, add a script tag before your closing body tag:
<script src="//localhost:35729/livereload.js"></script>
这是 Gruntfile.js 的示例:
module.exports = function(grunt) {
grunt.initConfig({
pkg: grunt.file.readJSON("package.json"),
sass: {
dist: {
options: {
outputStyle: "nested"
},
files: {
"dist/css/app.css": "src/scss/app.scss"
}
}
},
watch: {
options: {
livereload: true
},
grunt: {
files: ["Gruntfile.coffee"]
},
sass: {
files: "src/scss/app.scss",
tasks: ["sass"]
}
}
});
grunt.loadNpmTasks("grunt-sass");
grunt.loadNpmTasks("grunt-contrib-watch");
grunt.registerTask("build", ["sass"]);
grunt.registerTask("default", ["build", "watch"]);
};
这篇关于编译SCSS(指南针)+刷新浏览器的最快方法?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!