• 关于

    SASs

    的搜索结果

问题

gulp-sourcemaps插件用法有点疑惑?

杨冬芳 2019-12-01 19:44:47 1146 浏览量 回答数 1

问题

用gulp-sass编译scss是老是报错? <b> ?报错

爱吃鱼的程序员 2020-06-23 00:34:26 0 浏览量 回答数 1

回答

1.首先引入extract-text-webpack-plugin和sass-loadernpm install --save-dev extract-text-webpack-plugin sass-loadervar ExtractTextPlugin = require('extract-text-webpack-plugin');2.编写loaders{ test: /.sass$/, loader: ExtractTextPlugin.extract('style', 'css!sass')}需要知道的是,ExtractTextPlugin.extract 第二个参数(或拆分为多个参数)中 loader 的执行顺序是从右到左,即先对引入的 .sass 使用 sass loader 得到编译后的 css 再使用 css-loader 按照正常 css-loader 的方式处理。可以参考我开源的一个基本配置:https://github.com/guox191/React-mobile-example/blob/master/webpack.config.js

杨冬芳 2019-12-02 02:44:44 0 浏览量 回答数 0

阿里云高校特惠,助力学生创业梦!0元体验,快速入门云计算!

学生动手场景应用,快速了解并掌握云服务器的各种新奇玩法!

回答

选择什么样的方式取决于你的使用场景。1.直接编译 scss 到 css , 可以直接安装 sass 编译工具,sass 基于 ruby 开发,需要安装 ruby 环境。2.使用webpack sass-loader , 增加 .scss 文件规则配置,参考 https://webpack.js.org/loaders/sass-loader/ , 其他构件工具同理,会有 scss插件。

albin.liao 2019-12-02 00:58:35 0 浏览量 回答数 0

问题

Sass编译报错

杨冬芳 2019-12-01 19:43:08 988 浏览量 回答数 1

问题

执行gulp任务报错Error in plugin &#39;sass&#39;?报错

爱吃鱼的程序员 2020-06-24 14:14:43 0 浏览量 回答数 1

回答

后缀 默认 Sass 使用 .sass 扩展名,而 Less 使用 .less 扩展名,Stylus 默认使用 .styl 的文件扩展名 语法 变量 sass 变量必须是以$开头的,然后变量和值之间使用冒号(:)隔开,和 css 属性是一样的 Less css 中变量都是用@开头的,其余与 sass 都是一样的 stylus 对变量是没有任何设定的,可以是以$开头,或者任何的字符,而且与变量之间可以用冒号,空格隔开,但是在 stylus 中不能用@开头

茶什i 2019-12-02 03:16:59 0 浏览量 回答数 0

回答

因为引入了不存在的sass文件,所以报错varsassPath='./*.scss',cssPath='./css';(sass({outputStyle:'compressed'}).on('error',sass.logError)

爱吃鱼的程序员 2020-06-24 14:15:01 0 浏览量 回答数 0

回答

目前选择的是 LESS,有很多开源项目都使用他,可以阅读学习。他没有 SASS 要求那么严谨,比如要 mixin(中文不知道怎么翻译)时,SASS 要求被 mixin 样式需要添加 @mixin 声明,调用时也要求用 @include 调用。不过我很喜欢 SASS 的选择器继承 @extend,这点 LESS 还没有实现,比如:在 SASS 里:.menu { color: #000; }.sub-menu { @extend .menu; }输出:.menu, .sub-menu { color: #000; }但在 LESS 中,只能通过 mixin 实现:.menu { color: #000; }.sub-menu { .menu; }这就导致输出很多冗余的样式:.menu { color: #000; }.sub-menu { color: #000; }至于 Stylus,暂时还没用过,所以无法评价。

a123456678 2019-12-02 02:19:45 0 浏览量 回答数 0

问题

ionic serve 报错, 跪求解决!!!?报错

爱吃鱼的程序员 2020-06-08 16:14:20 0 浏览量 回答数 1

问题

stylus/sass/less 区别

茶什i 2019-12-01 21:59:43 13 浏览量 回答数 1

回答

感觉你写的也没什么问题,具体 option 可能查下文档吧。css 是会被覆盖的,我是这样配置的var styles = function (f) { var sass_dir = dirs.styles gulp.src(sass_dir + f) .pipe(plumber()) .pipe(sourcemaps.init()) .pipe(sass()) .pipe(autoprefixer({ browsers: ['last 2 version'], cascade: false })) .pipe(sourcemaps.write('./')) .pipe(gulp.dest(dirs.dest)); }

杨冬芳 2019-12-02 02:36:05 0 浏览量 回答数 0

问题

sass如何转换为css?

杨冬芳 2019-12-01 19:55:45 1274 浏览量 回答数 3

问题

IE浏览器下float之间出现的小缝隙?

a123456678 2019-12-01 19:32:26 965 浏览量 回答数 1

问题

关于webstrom的sass配置

杨冬芳 2019-12-01 20:09:54 949 浏览量 回答数 1

问题

X3虚拟主机Linux怎么使用SASS啊

湖北赛乐 2019-12-01 21:29:16 4328 浏览量 回答数 0

回答

卸载node-sasscnpmuninstall--savenode-sass重新安装cnpminstall--savenode-sass

爱吃鱼的程序员 2020-06-08 16:14:37 0 浏览量 回答数 0

问题

可以用css或者sass判断设备是android还是ios么?

爵霸 2019-12-01 20:04:22 2134 浏览量 回答数 4

问题

ruby和sass全局安装

a123456678 2019-12-01 19:28:42 749 浏览量 回答数 1

问题

Sass、LESS 是什么?大家为什么要使用他们?

茶什i 2019-12-01 21:59:21 26 浏览量 回答数 1

回答

安装scss依赖包: npm install sass-loader --save-dev npm install node-sass --save-dev 在build文件夹下修改 webpack.base.conf.js 文件: 在 module 下的 rules 里添加配置,如下: { test: /.scss$/, loaders: ['style', 'css', 'sass'] } 应用: 在vue文件中应用scss时,需要在style样式标签上添加lang="scss",即

游客7iokfgo4yexey 2020-05-24 22:32:26 0 浏览量 回答数 0

问题

sass遍历问题

杨冬芳 2019-12-01 19:54:13 887 浏览量 回答数 1

回答

1.首先说一下你写的这段代码,这段代码是有效的,代表整个页面默认字体大小为16*2,16px字体大小是初始化时网页默认的大小,你的是200%,当然也是按照2倍计算的。2.你说的html的父元素,这个可能有点问题,你想知道的应该是根元素document.documentElement的字体大小是多少对吧,我不说是多说,你自己运行一下就会一目了然window.getComputedStyle(document.documentElement,null)['fontSize']3.字体的规定可以用百分数,px,em,rem或者其他的单位,看你想做什么样的页面了,固定尺寸的就用px就够了,但是如果要做响应式rem常用一些,兼容低版本自然会有相应的办法,如sass中的计算方式,或者通过js来改变根元素的大小。em相对于父元素来决定,而rem是根据html的字体大小来决定的。最后,你可以多动手写一下,这样不但加深印象,也会认识的更深刻,多去一些css,前端网站看看,如大漠大大的w3cplus和sass中国,这是一篇文章,你可以看看http://www.cn-sass.com/%E6%8A%80%E5%B7%A7/sass-px-to-rem-with-mixin-and-function.html

a123456678 2019-12-02 02:23:49 0 浏览量 回答数 0

回答

css的预编译。(scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力,最主要的就是sass是靠缩进表示嵌套关系,scss是花括号) 使用步骤: 第一步:先装css-loader、node-loader、sass-loader等加载器模块 第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss 第三步:在同一个文件,配置一个module属性 第四步:然后在组件的style标签加上lang属性 ,例如:lang=”scss” 特性: · 可以用变量,例如($变量名称=值); · 可以用混合器,混入@mixin 可以传变量 · 可以嵌套    继承@extend 不可以传变量,相同样式直接继承,不会造成代码冗余;基类未被继承时,也会被编译成css代码

问问小秘 2020-02-17 17:35:07 0 浏览量 回答数 0

回答

几个思路:使用最新版本的 webpack + nodejsnode_modules 里的依赖, 一定要 exclude 掉对于较大的库, 直接使用 CDN 地址, 然后 external 掉, 可以加速很多如果用了 sass, 可以用 fast-sass-loader 这种 loader 加速采用 happypack

黄二狗 2019-12-02 01:46:47 0 浏览量 回答数 0

回答

去看一下 gulp-ruby-sass 的文档,支持多对多输出映射吗?你的 gulp.dest 给的是一个目录路径而不是文件,如果不支持多对多映射,自然会抛出 glob 的异常。推荐使用 gulp-node-sass不推荐使用 compass,没别的原因,落伍了

杨冬芳 2019-12-02 02:34:37 0 浏览量 回答数 0

问题

webpack 打包 怎么把 sass 单独打包出来呢?

杨冬芳 2019-12-01 19:54:51 1341 浏览量 回答数 1

回答

可以使用 less, sass 等写法,通过预编译处理,得到最终的css。less, sass 都可以支持 变量,函数等基本操作语法。举例: 使用 less 的 mixin 来模拟实现继承.bordered { border-top: dotted 1px black; border-bottom: solid 2px black; } #menu a { color: #111; .bordered; } menu a 直接将 .bordered 的样式合并进来, 从而实现了类似 #menu a 继承 .bordered 样式的效果。

albin.liao 2019-12-02 02:20:44 0 浏览量 回答数 0

回答

基本上就是涉及到一些数学运算,对于定宽的栅格系统来说也不算太复杂,你可以保持用绝对单位。但如果要扩展到响应式的栅格系统,需要换用一些相对单位。具体的细节三言两语很难说清楚,需要不断的尝试。这里推荐一篇文章给你做参考,入门级的,很简单。这篇文章使用了 Sass 做预处理器,原因是可以利用 Sass 自带的一些用于计算的助手函数及逻辑处理,要比纯写 CSS 轻松一些。

a123456678 2019-12-02 02:22:43 0 浏览量 回答数 0

问题

用 Sass 颜色功能控制颜色

心有灵_夕 2019-12-29 00:32:58 1 浏览量 回答数 1
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站