1.学习scss，就看这篇：http://www.ruanyifeng.com/blog/2012/06/sass.html 就够了，因为sass的出现本来就是为了简化工作提高效率，也不算什么深奥精妙的新编程语言，没必要太注重系统学习，因此直接学习小例子上手即可，更快的方式是把你看不懂的sass语句 ...
分类：
其他好文 时间：
2019-01-04 14:34:38
阅读次数：
239
tip：sass报错解决 通过ruby编译scss时，发现编译报错，内容如下： 1.在ruby的安装目录下找到engine.rb文件，目录格式如D:\ruby\Ruby21\lib\ruby\gems\2.1.0\gems\sass-3.4.15\lib\sass在文件中添加一行Encoding.d ...
分类：
其他好文 时间：
2019-01-03 18:11:05
阅读次数：
240
Vue 融入flexible.js scss 1. 安装 npm install node-sass --save-dev npm install sass-loader --save-dev npm install style-loader --save-dev npm install sass- ...
分类：
Web程序 时间：
2019-01-02 19:30:14
阅读次数：
214
写入.scss文件在mian.js中 import './styles/index.scss'后出现上图报错解决方案： 在vue.config.js文件中添加以下代码 module.exports = { css: { loaderOptions: { sass: { data: `@import ...
分类：
Web程序 时间：
2018-12-29 17:22:00
阅读次数：
917
什么是webpack？ 简单来说，就是模块打包机，主要分析项目的结构，根据你的配置将源代码转换发布到线上可执行的代码。 代码转换：TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。 文件优化：压缩 JavaScript、CSS、HTML 代码，压缩合并图片等。 代码分 ...
分类：
Web程序 时间：
2018-12-27 22:50:27
阅读次数：
233
1. 安装依赖：yarn add sass-loader node-sass 2. 放在rule里就可以 找到config里面的两个配置文档。 配置的内容都是一样的。 代码是：{ test: /\.scss$/, loaders: ['style-loader', 'css-loader', 'sa ...
分类：
Web程序 时间：
2018-12-26 20:20:57
阅读次数：
189
一：Emmet LiveStyle（http://livestyle.io/） CSS，LESS和SCSS的第一个双向实时编辑工具。 官网说只适用与谷歌跟sublime，可以自行测试 1.sublime下载插件liveStyle 2.谷歌商店下载Emmet LiveStyle 3.不需要任何服务，只 ...
分类：
Web程序 时间：
2018-12-24 16:23:14
阅读次数：
201
现在页面的功能和需求越来越复杂，繁复杂乱的JavaScript代码和一大堆的依赖包都需要包含在前端页面中。如果还用手动处理就有点像在现代战场上使用小米加×××的味道了。为了减小开发的复杂度，前端社区涌现出了层出不穷的实践方案，比如TypeScript扩展语言、SCSS、LESS类的CSS预处理器，还有模块化思想等。
分类：
Web程序 时间：
2018-12-17 14:41:48
阅读次数：
214
现在页面的功能和需求越来越复杂，繁复杂乱的JavaScript代码和一大堆的依赖包都需要包含在前端页面中。如果还用手动处理就有点像在现代战场上使用小米加步枪的味道了。为了减小开发的复杂度，前端社区涌现出了层出不穷的实践方案，比如TypeScript扩展语言、SCSS、LESS类的CSS预处理器，还有... ...
分类：
Web程序 时间：
2018-12-17 14:16:10
阅读次数：
204
