webpack是前端工程构建的一套工具，为什么一个程序称之为一套呢，是因为webpack其实是npm的一个模块，使用起来的话，这期间还需要很多其它模块来进行支持，所以我称之为一套工具。 webpack的功能与grunt和gulp都是基于node的，所以希望你有一个node基础，如果还没有，那么先学习 ...
分类：
Web程序 时间：
2016-06-29 12:44:47
阅读次数：
227
http-server 它是一个简单的服务部署，与Express相比，这货更轻了，它只是一个服务搭建工具，完全可以不安装到项目的目录中。安装使用： 成功安装后，使用： 即可拉起当前目录的web应用。 当然，如果少年你比较倔强，非得安装到本地项目中也是可以的。启动时，就要在web应用的根目录运行： 其 ...
分类：
Web程序 时间：
2016-06-19 11:33:03
阅读次数：
813
官网：http://font-spider.org/ 安装字蛛需要先安装node。 先安装好 NodeJS，然后执行： 构建插件：grunt-font-spider | gulp-font-spider 在 CSS 中使用 WebFont： 1. @font-face 中的 src 定义的 .ttf ...
分类：
其他好文 时间：
2016-06-17 21:14:21
阅读次数：
1213
1、需要在linux环境的服务器下搭建node和npm还有Grunt,所以先需要一个叫putty的工具连接服务器命令行终端 2、双击putty工具，在HostName一栏输入项目服务器地址：172.168.1.101(端口默认22即可)，输入完后点open即可弹出一个终端界面 3、输入用户名andi ...
分类：
Web程序 时间：
2016-06-17 12:25:18
阅读次数：
226
http://developer.51cto.com/art/201506/479127.htm 用grunt搭建自动化的web前端开发环境-完整教程(只是介绍了JS、CSS压缩及文件改变监控） http://blog.csdn.net/puncha/article/details/18384289 ...
分类：
编程语言 时间：
2016-06-15 12:37:54
阅读次数：
214
听说过Grunt也有两年了，用了也有两年了，然而都是在别人搭好的架子上做开发，当想要对前端工程化整体把控时就一脸懵逼了！ Grunt是什么？ Grunt是一套web前端工程化构建工具。(ps:关于Grunt的好处及安装网上教程一大堆，这里就不熬述了) 为什么说Grunt是一『套』工具呢，因为它提供了 ...
分类：
其他好文 时间：
2016-06-14 17:42:40
阅读次数：
241
有些时候，项目中的静态资源，比如图片占用的文件有点大，影响加载的速度，所以会选择grunt对其进行压缩打包。对于grunt其他的用法，还在继续学习中，先记录下关于grunt的一些学习。 grunt是一套基于Node.js的命令行工具，所以先确保环境中已安装好了Node环境。 接着安装grunt，如下 ...
分类：
其他好文 时间：
2016-06-14 15:53:46
阅读次数：
199
之前的项目一直采用grunt来构建，然后用requirejs做模块化，requirejs官方有提供grunt的插件来做压缩合并。现在的项目切到了gulp，模块化用起了seajs，自然而然地也想到了模块合并压缩的问题。然后一开始在解决这个问题的时候，并不是很顺利，在npm上并没有那种特别流行的专门用来... ...
分类：
Web程序 时间：
2016-06-14 10:16:16
阅读次数：
301
Grunt任务分为两部分，一部分是任务，即Grunt要执行的代码，找到对应功能的插件就成。所以等会要下载grunt-contrib- less包，这个插件便是把less文件编译成能直接使用的css。另一部分是配置，即传给grunt.initConfig方法的对象。 关于如何安装Grunt，创建Gru ...
分类：
其他好文 时间：
2016-06-13 11:41:45
阅读次数：
185
grunt less转换成css速度慢 而且页面会全部刷新？ grunt less转换成css速度慢 而且页面会全部刷新？ 最近遇到了个问题，grunt里用less，当修改完.less里面的样式，对应 的.css文件会好几秒才修改，然后浏览器上显示也会耗时好几秒，有时候很慢，要不停保存啊刷新啊或者删 ...
分类：
其他好文 时间：
2016-06-13 11:37:05
阅读次数：
125
