程序笔记
发布时间:2022-05-30 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在ionic中用sass,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_
616_0@<table class="JavaScript">
<tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42@H_616_0@
| 文章,被小编无情的拒绝了。说我格式太乱。顺便提个建议,每个人写文章都有自己的风格,希望社区不要那么严格,给大家一个稍微宽松一点的环境。
好吧进入正题。
有时候我们需要改变ionic的默认样式,但是直接改库的话,可能会改坏。所以用sass是最好的办法了。
sCSS其实就是sass的升级版。
上步骤。
安装sass
百度上有一些教程,嗷嗷嗷嗷安装。最大的问题就是网络,只能随缘了。
我大概这么装的:
国内先更换gem安装源
gem sources add httpshttps://rubygems.org/
命令行输入:
gem install sass
gem install compass
文件路径配置
将Ionic..CSS复制到wwwCSS文件夹下,为了方便。
修改sCSS文件引入
sCSS文件中的这些引入的地址,我是这样写的
$ioniconsFontpath lib/ionic/Fonts" ult
import lib/ionic/sCSS/ionic"
修改HTML包含项目
将index.HTML中所有link到的CSS删除。然后加上:
link href@H_618_87@CSS/ionic.app.CSS" rel@H_618_87@@H_618_87@
监听sass
cd到wwwCSS文件夹下,运行(也就是监听,检测到变化后自动编译)
sass watch ionic..CSSIonic..CSS文件
运行ionic
再打开一个cmdcd到ionic项目下,运行ionic servetable>
大佬总结
以上是大佬教程为你收集整理的在ionic中用sass全部内容,希望文章能够帮你解决在ionic中用sass所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。