'use strict' import gulp from 'gulp' //将gulp插件包含进来 import sass from 'gulp-sass' //编译sass文件 import imagemin from 'gulp-imagemin' ... ...
分类:
Web程序 时间:
2018-07-05 19:45:54
阅读次数:
138
1. 在项目中安装 gulp-sass插件来编译Sass npm install gulp-sass --save-dev 2. 在gulpfile.js中编写 3.编写styles.scss 4. 在npm 中输入 gulp sass 5.效果: 在文件中多出来了styles.css sass编译 ...
分类:
其他好文 时间:
2018-03-27 12:37:16
阅读次数:
154
转:Less/Sass编译工具,koala使用指南 如果你正在使用sass、less或coffee,而没有注意到koala, 那说明你可能已经好久没有更新你的知识库了。koala这个由国人编写的,用于编译sass、less、coffee利器,在最近的短短几个月曝光率不亚 于任何其他的技术。当然这跟其 ...
分类:
其他好文 时间:
2018-03-09 17:58:18
阅读次数:
182
这种错误是因为在scss文件中使用了中文注释,导致转css时出错。 解决办法: 找到ruby安装路径下的engine.rb文件,(我的在这里 E:\Ruby22-x64\lib\ruby\gems\2.2.0\gems\sass-3.4.22\lib\sass) 在所有的 require *** 结 ...
分类:
其他好文 时间:
2018-01-20 21:28:25
阅读次数:
124
第一步: tools->builde system->new build system 第二步: 粘贴如下代码到新建文档中: 第三步、存储 存储到C:\Users\do**nwl\AppData\Roaming\Sublime Text 3\Packages\下,新建MYSASS文件夹,保存名字为M ...
分类:
其他好文 时间:
2017-10-24 19:34:28
阅读次数:
187
一款很好用的Sass编译器,还可以编译Less、coffeescript等 去官网下载适合自己电脑的版本 http://koala-app.com/index-zh.html 打开后拖动或者打开项目目录,如果文件种类较多,可以在下方筛选需要的项目类型 点击左上角的设置,可以修改为中文语言,再重启一下 ...
分类:
其他好文 时间:
2017-08-09 12:58:24
阅读次数:
190
一、Sass语法规范 1、Sass老版本:通过tab键严格控制缩进;不带有任何分号和大括号;以“.sass”为扩展名。 2、Sass新语法格式(Scss):外形和css无差,以“.scss”为扩展名。 二、Sass编译 1、命令编译 在命令终端输入sass指令,是最直接最简单的编译方式。 单文件编译 ...
分类:
其他好文 时间:
2017-06-23 20:58:53
阅读次数:
146
第一步: 先安装Ruby下载 一路next 安装完成后打开开始菜单 打开后输入 gem insall sass sass -v 出现版本号说明成功 第二部配置webstorm 在webstorm中settings中搜索file watchers工具,在此工具中添加一个scss的watcher 确定, ...
用node编写自己的cli工具 工作中接到新项目,开发前都需要先规划项目目录,然后一个个创建文件,搭建sass编译环境,下载jquery,Swiper等类库... 这些准备工作都要花上不少时间。每做一个项目,都会遇到同样的问题,再重复一遍吗?是时候做点改变了:编写自己的cli工具,一行命令,3秒钟进 ...
分类:
其他好文 时间:
2017-05-25 01:16:21
阅读次数:
241
关于sass大家都知道是一种css的开发工具,原本的css没有变量 参数一类的东西,所以比较死 效率较慢。 sass就是在css里面加入了一些编程的元素如变量等,让css能够更灵活,提高效率。 刚接触sass:就会遇到了遇到两个问题: 1.那就是路径的问题,sass编译器(这里编译器(http:// ...
分类:
其他好文 时间:
2017-05-07 14:51:14
阅读次数:
103