SASs是什么-和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 'sass'?报错

爱吃鱼的程序员 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

问答

SASs

云产品推荐

热门关键词

更多推荐