一、现象： 为了简写样式 二、解决： 1、安装sass ,利用npm 安装(npm工具如果没有，请先自行安装好) （1）、npm install node-sass --save-dev （2）、npm install sass-loader --save-dev 2、修改.angular-cli. ...
分类：
Web程序 时间：
2017-09-13 14:02:29
阅读次数：
436
问题很简单，因为sass/scss文件中引用了css文件，而sass-loader将这个css文件识别为一个模块。 解决办法有两个: 1. 将引用路径由相对引用改为绝对引用；如./style.css改为 /src/css/style/css； 2. 将css文件改写为sass/scss文件，即不引用 ...
分类：
Web程序 时间：
2017-09-13 13:19:47
阅读次数：
2700
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="tzy.css" type="text/css"></head><body>< ...
分类：
Web程序 时间：
2017-09-10 14:22:21
阅读次数：
196
laravel 在前端 1.Laravel-mix 项目/webpack.mix.js 你可以把多个js或css合成单一的文件来减少线程的使用 less sass ,可以使用scss文件 合并原生的css mix 还提供了很多的开发时的调试工具 ...
分类：
其他好文 时间：
2017-09-08 10:17:39
阅读次数：
232
Sass 是采用 Ruby 语言编写的一款 CSS 预处理语言，它诞生于2007年，是最大的成熟的 CSS 预处理语言。 Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，两者之间不同之处有以下两点： 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“ ...
分类：
其他好文 时间：
2017-09-04 14:53:37
阅读次数：
153
学习地址： https://segmentfault.com/a/1190000006178770 1.webpack：模块打包机（分析你的项目结构，找到 JavaScript模块以及其它的一些浏览器不能直接运行的拓 展语言（Scss，TypeScript等），并将其打包为合适的格 式以供浏览器使用 ...
分类：
Web程序 时间：
2017-09-01 14:31:32
阅读次数：
168
一、父组件怎么覆盖子组件的样式呢 1./deep/（不建议这么做，以后angular会取消，因为这样写不利于组件的独立性） 在父组件的scss里面写： 这样就可以覆盖掉子组件label的color了 2.host和host-context 在子组件的scss里面写： 或者 网上查到的定义： :hos ...
分类：
其他好文 时间：
2017-08-31 16:18:13
阅读次数：
169
sass入门 1.下载koala工具 2.项目中新建sass文件夹，存放所有.scss文件 3.把sass文件夹拖到koala，保存.scss文件后，会生成与sass文件夹同级的css文件夹，并生成编译后的css文件 4.官方文档 https://www.sass.hk/ 5.koala 教程 ht... ...
分类：
其他好文 时间：
2017-08-30 15:35:13
阅读次数：
175
1、安装依赖： 2、webpack.base.config.js添加以下内容： 3、在vue文件的style标签使用scss： ...
分类：
其他好文 时间：
2017-08-25 01:08:56
阅读次数：
113
一 、准备环节 1 、下载和安装ruby环境 2 、HBuilder（编辑器） 预编译器配置 如图有具体步骤：（此图上课安装时借鉴的其他博友的哦，在这就借用了） 二 、SCSS快速入门 1 、使用变量 sass 让人受益的一个重要特性就是它为 css 引入了变量。可以把反复使用的 css 属性值定义 ...
分类：
其他好文 时间：
2017-08-11 23:02:12
阅读次数：
229
