只展示在项目的初级用法,最常用的东西 1 嵌套 选择器的嵌套,属性的嵌套等 //css div h1 { color : red; } //sass div { hi { color:red; } } .box { width: 666px; .content { font-size: 66px; ...
分类:
其他好文 时间:
2020-06-02 18:47:41
阅读次数:
86
这是一个系列,带着大家封装一个纯 CSS 框架,从零学习 SASS 语法。 代码仓库点我传送 因为简单,强依赖原生 Javascript 对虚拟 DOM 不友好(如 React、Vue、Angular),使用虚拟 DOM 对使用原生 Javascript 编程(JQuery)不友好。没有代码是最棒的 ...
分类:
Web程序 时间:
2020-06-02 09:17:48
阅读次数:
94
这一节,我们来讲规矩,谈网格,做人可以不要脸,不讲规矩,不讲道理(特指傲娇兽),但底线还是要有的,如同网格一样,不能超出。 jeet 这里我们别人封装好的模块,不过呢,我们也会详细介绍一下原理。首先我们安装以下 jeet 框架 npm install --save jeet 这个 jeet 框架有 ...
分类:
Web程序 时间:
2020-06-01 22:14:58
阅读次数:
77
在项目根目录添加一个.npmrc文件 sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org 将安装路径修改为淘宝镜像 然后执行命令: npm instal ...
分类:
其他好文 时间:
2020-05-31 18:21:43
阅读次数:
154
# 1. 下载对应版本到本地磁盘d:\win32-x64-72_binding.node# 2. 设置sass路径set SASS_BINARY_PATH=本地磁盘路径set SASS_BINARY_PATH=d:\win32-x64-72_binding.node# 3.安装npm i node-... ...
1、No PostCSS Config found in: 根目录下放置图中文件: 2、Module not found: Error: Can't resolve 'sass-loader' npm install sass-loader -D npm install node-sass -D 3 ...
分类:
其他好文 时间:
2020-05-30 10:50:49
阅读次数:
70
第一步,为了使用稳定和快捷,先设置淘宝镜像源。执行下面的命令行 npm config set registry https://registry.npm.taobao.org/ 第二步,设置变量 sass_binary_site,指向淘宝镜像地址。执行下面的命令行 npm config set sa ...
分类:
其他好文 时间:
2020-05-29 13:56:46
阅读次数:
705
前提: sass环境已搭建成功 HbuilderX插件已安装scss/sass编译 编译: .scss文件右键--》外部命令/插件--》sass--》编译sass/scss 成功后控制台输出成功提示:Wrote CSS to /...文件路径,默认在当前文件夹相同目录 ts: sass文件后缀为.s ...
分类:
其他好文 时间:
2020-05-28 12:53:05
阅读次数:
60
1、先安装依赖包sass-resources-loader: npm install sass-resources-loader --save-dev 2、配置文件:build/util.js下 // less: generateLoaders('less'), less: generateLoad ...
分类:
其他好文 时间:
2020-05-27 15:20:17
阅读次数:
198
我遇上的问题时 node-sass 版本 和 本地node 版本不兼容问题。 解决方案: 以我的为例: 我的node版本是 12, 而我package.json node-sass 配置是 @4.9的 ,所以更新下node-sass 版本就可以了。 具体可以参考: https://segmentfa ...
分类:
其他好文 时间:
2020-05-25 19:25:47
阅读次数:
55