环境 node -v v6.10.3 npm -v 3.10.10 package.json如下： 文件目录结构： gulpfile.js如下： index.html index.scss如下： header.html 如下： 其余的是无关文件或者是生成的文件，js的内容没必要贴出，反正只是压缩而已 ...
分类：
Web程序 时间：
2017-07-03 23:58:29
阅读次数：
669
今天继续说说gulp的watch，能够自己主动搞定非常多事情。不用每次都去敲命令了! 上次说到用gulp能够非常方便的进行css，js，html的压缩。而且能够对coffee和scss进行编译。 css，js。html一般在公布production时候压缩一次就能够，也就是敲一次gulp命令。可是c ...
分类：
Web程序 时间：
2017-07-02 22:10:26
阅读次数：
211
If we want to add global event handler, we can use 'EventManager' from '@angular/platform-broswer'. Now we have a modal component, we want to click 'E ...
分类：
其他好文 时间：
2017-07-02 19:43:55
阅读次数：
177
如何在ng2的模块或者组件中引入sass文件？ 很简单，两个步骤 1.安装style-loader css加载器 npm install --save-dev style-loader 2.在ts文件中引入 import 'style-loader!../../node_modules/ladda/ ...
分类：
Web程序 时间：
2017-06-29 00:44:27
阅读次数：
252
1. 使用变量; $highlight-color: #F90; .selected { border: 1px solid $highlight-color; } //编译后 .selected { border: 1px solid #F90; } 2. 嵌套CSS 规则; #content { ...
分类：
其他好文 时间：
2017-06-28 14:28:46
阅读次数：
155
1.Webpack的特性 webpack 模块打包机，分析你的项目结构，找到JavaScript模块以及其他一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），将其打包为合适的格式以供浏览器使用。 webpack具有requireJs和browserify的功能，但仍有很多自己的新 ...
分类：
Web程序 时间：
2017-06-28 11:57:22
阅读次数：
503
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 2009由个人开发，2012年由团队开发，现如今最新版本为3.x。 CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用 ...
分类：
其他好文 时间：
2017-06-25 17:49:50
阅读次数：
176
webpack环境下，加载css需要 css-loader 和 style-loader。 css-loader：使用类似@import和url(...)的方法实现 require的功能； style-loader：将所有计算后的样式加入页面中。 但如果你需要使用sass/scss定义样式，那么为了 ...
分类：
Web程序 时间：
2017-06-25 17:00:58
阅读次数：
1061
一、Sass语法规范 1、Sass老版本：通过tab键严格控制缩进；不带有任何分号和大括号；以“.sass”为扩展名。 2、Sass新语法格式（Scss）：外形和css无差，以“.scss”为扩展名。 二、Sass编译 1、命令编译 在命令终端输入sass指令，是最直接最简单的编译方式。 单文件编译 ...
分类：
其他好文 时间：
2017-06-23 20:58:53
阅读次数：
146
less相关消息 什么是Less；LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，(动态层叠样式表语言)它使用类似CSS的语法，为CSS的赋予了动态语言的特性， 如变量、继承、运算、函数等，更方便CSS的编写和维护。 Less出现的原因： Less出现时间：Less 于 2009 年创 ...
分类：
其他好文 时间：
2017-06-23 10:46:14
阅读次数：
130
