sass的编译
来源:互联网 发布:美国仓库淘宝网 编辑:程序博客网 时间:2024/06/09 18:25
sass的编译有如下几种方法:
1.命令编译
2.GUI工具编译
3.自动化编译
一、命令编译
命令编译是指使用你电脑中的命令终端,通过输入 Sass 指令来编译 Sass。这种编译方式是最直接也是最简单的一种方式。因为只需要在你的命令终端输入:
sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css
这是对一个单文件进行编译,如果想对整个项目所有 Sass 文件编译成 CSS 文件,可以这样操作:
多文件编译:
sass sass/:css/上面的命令表示将项目中“sass”文件夹中所有“.scss”(“.sass”)文件编译成“.css”文件,并且将这些 CSS 文件都放在项目中“css”文件夹中
缺点及解决方法:
在实际编译过程中,你会发现上面的命令,只能一次性编译。每次保存“.scss”文件之后,都得重新执行一次这样的命令。如此操作太麻烦,其实还有一种方法,就是在编译 Sass 时,开启“watch”功能,这样只要你的代码进行任保修改,都能自动监测到代码的变化,并且给你直接编译出来:
sass --watch <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css
当然,使用 sass 命令编译时,可以带很多的参数。
二、GUI界面工具编译比较推荐如下两个:
- Koala (http://www.w3cplus.com/preprocessor/sass-gui-tool-koala.html)
- CodeKit (http://www.w3cplus.com/preprocessor/sass-gui-tool-codekit.html)
1、Grunt 配置 Sass 编译
2.Gulp 配置 Sass 编译的示例代码
阅读全文
0 0
- Sass的编译环境
- sass的编译
- SASS的编译
- sass的编译工具Koala
- SASS编译
- Sass编译
- SASS详解之编译输出的样式
- za-安装ruby--sass的编译
- Sass的编译和单文件转换
- Sublime中编译Sass的方法
- webstorm配置编译sass的输出目录
- webstorm配置编译sass的输出目录
- gulp搭建的项目完美编译sass
- 编译sass文件时遇到的问题
- Sass的四种编译方式
- SASS安装 SASS编译 SASS基础语法
- 编译BoostrapV3 Sass版本的源码(涉及Ruby、Sass、Compass、Watcher的配置)
- cnpm 安装 node-sass & sass-loader, 仍旧无法编译的原因
- 原始套接字编程(三)
- 566. Reshape the Matrix
- 路由控制
- Android破解与防破解
- LeetCode Kth Largest Element in an Array
- sass的编译
- 【语言-C++】Win7 64位系统下出现无法启动屏幕键盘的bug
- ORA-01017: invalid username/password; logon denied 解决方案
- echartz常用的图形Demo
- mysql在window机器下的双机备份
- DAY3 网络协议
- 开发时碰到的问题: java.lang.IllegalStateException: Unable to create directory: /storage/sdcard0/Trinea/aa
- navicate注册码
- dlopen(), dlsym(), respondsToSelector:, performSelector:, method_exchan关于苹果禁用JSPatch(热修复一类),上架审核被拒问题