1.下载相应loader cnpm i style-loader sass-loader node-sass -D 2.配置 /webpack.base.conf.js 3.使用 <style lang="scss"> // scss </style> ...
分类:
其他好文 时间:
2018-11-20 18:20:55
阅读次数:
173
什么是webpack? 模块化打包机 作用是什么? 1、模块化,让我们可以把复杂的程序细化为小的文件 2、分析项目结构,找到JavaScript模式以及其他的一些浏览器不能直接运行的拓展性语言(scss,typescript),并将其转换打包为合适的格式供浏览器使用 3、scss,less等css预 ...
分类:
Web程序 时间:
2018-11-20 13:21:22
阅读次数:
202
安装node-sass sass-loader 进入webpack.base.config.js,rules里添加上以下代码 { test: /\.scss$/, loaders: ["style", "css", "sass"] } 调用的时候在style里面声明 <style lang="scs ...
分类:
其他好文 时间:
2018-11-12 17:31:07
阅读次数:
263
今天在书写一个空白的scss文件的时候,刚打2个字就自动回车换行了; 测试了几次,发现了规律就是输入停下来0.5秒左右就会自动换行,比如,打了2个中文,再连续打一个句子,键盘虽然在动,但是vs code里却还没输入任何东西,这时候,它就会莫名其妙的换行了; 一开始以为是装的什么插件弄成这样子的,后来 ...
分类:
其他好文 时间:
2018-11-09 21:00:52
阅读次数:
796
新项目使用Ionic 4, Ionic 4的组件使用了 shadow DOM 和 CSS4变量 。 我们需要注意API文档中的 CSS Custom Properties 假如我们想要修改ion item组件的背景颜色。 我们可以在home.page.scss中这样写: 在 theme/variab ...
分类:
其他好文 时间:
2018-11-06 23:40:57
阅读次数:
633
前言 最近在学习Vue的使用。看了官方文档之后,感觉挺有意思的。于是着手做了一个简单的购物app。这是我第一次在这个网站上写分享,如有不当之处,请多多指教。 一整个项目写下来,最大的感觉就是组件式开发,管理起来实在是太舒服了。而且vue中写scss还可以指定局部有效。这样写起scss感觉安全多了。用 ...
分类:
移动开发 时间:
2018-11-06 23:31:19
阅读次数:
214
cnpm install node-sass --save-dev //安装node-sass cnpm install sass-loader --save-dev //安装sass-loader cnpm install style-loader --save-dev //安装style-loa ...
分类:
Web程序 时间:
2018-11-03 15:24:45
阅读次数:
175
首先 我是借用了yo框架的border和他的媒体查询组合 这两个分别是在yo>lib>core>classes>_border.scss(用来获取yo框架封装的border) yo>lib>core>variables.scss(用来获取媒体查询的规则) 然后根据stylus语法修改拿到的borde ...
分类:
移动开发 时间:
2018-11-03 02:18:09
阅读次数:
212