参考：http://www.jianshu.com/p/42e11515c10f# 序言：前面已经倒腾了grunt、gulp、fis3,今天来通过一个例子玩玩webpack! 通过下面的例子，能够了解以下几点： 1、如何安装webpack 2、如何使用webpack 3、如何使用loader 4、如 ...
分类：
Web程序 时间：
2017-05-10 18:56:57
阅读次数：
350
首先可能需要安装npm,并且配置环境. 1.打开Dos(命令提示符).按Windows徽标键+R组合键,输入cmd然后按回车键进入Dos. 2.安装Yeoman.在Dos下输入npm install -g yo. 3.安装Grunt.在Dos下输入npm install -g grunt-cli. ...
分类：
Web程序 时间：
2017-05-08 12:17:15
阅读次数：
296
首先为什么学习git的tag？第一、web前端更新太快了，而有些开发不是那么急于追新，github上为保留过去的版本，所以用上了tag，当然，你会说用branch？我得搞清一个开源项目是朝着不同方向变化。以yeoman的generator-webapp为例，早起官方用的是grunt，而现在（2017 ...
分类：
其他好文 时间：
2017-05-07 23:13:47
阅读次数：
201
1. 新建文件和文件目录 2. npm和grunt初始化 3. 安装task 4. 写入好配置 5.运行grunt 6.最终的目录结构 ...
分类：
其他好文 时间：
2017-05-07 11:40:29
阅读次数：
164
昨天晚上看到 bootstrap 全局CSS样式中 使用Less 章节中提到的通过grunt重新编译CSS和Javascript文件，对于我这样从未接触过windows cmd node控制台 npm的人，学习起来就有很大的难度了。 那么我们照着教程一步一步来： 第一步：安装node.js 网址：h ...
分类：
编程语言 时间：
2017-04-29 19:59:23
阅读次数：
239
Livereload可理解为即时刷新，在前端开发中，开发人员在编写或调试html/js/css代码后须要从编辑器切换到浏览器。再刷新浏览器才干看到页面变化，这样的十分频繁的操作在一定程度上影响了工作效率，而Liverelod能够帮助我们ad攻克了这个问题。 实现livereload有多种方式。能够借 ...
分类：
其他好文 时间：
2017-04-25 13:35:11
阅读次数：
201
0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Ru ...
分类：
其他好文 时间：
2017-04-25 11:43:19
阅读次数：
259
序 最近尝试了一下CoffeeScript，和Sass，不得不说这两个搭配起来的确是不错的选择，熟悉以后基本上开发就比较快速了。 当然要开发这个首先需要搭建环境，这里就需要有Node、NPM、Grunt、Ruby。 Node与NPM基本上是一套安装，有了Node环境后才能搭建后面的CoffeeScr ...
分类：
其他好文 时间：
2017-04-21 00:00:48
阅读次数：
259
做大型软件（工程化）： 1.测试相关 tdd / bdd 测试覆盖率 2.规范化 standard、各种 lint、hint 3.构建相关 gulp、grunt、webpack，大量插件 4.生成器 yo 等 工程脚手架，生成项目基本框架 5.包管理工具 npm 足够简单易用 MEAN架构： MEA ...
分类：
Web程序 时间：
2017-04-09 15:57:18
阅读次数：
504
假设你的项目的CSS文件全部放在项目目录下名为css的文件夹中，现在将它压缩合并成一个名为main-min.css的文件，放在css-min文件夹下。 （1）首先保证机器安装了node.js. （2）在项目的目录下建立名为package.json的文件,用于配置需要安装的npm包，package.j ...
分类：
Web程序 时间：
2017-04-08 16:50:59
阅读次数：
233
