前言 Grunt是一款前端构建工具,帮助我们自动化搭建前端工程。它可以实现自动对js、css、html文件的合并、压缩等一些列操作。Grunt有很多插件,每一款插件实现某个功能,你可以通过npm命名去下载插件,然后使用它们。关于grunt的使用以及配置,卤煮不打算在此介绍。本篇博文重点要讲的是如何快 ...
分类:
Web程序 时间:
2016-07-07 17:29:31
阅读次数:
179
https://www.sitepoint.com/introduction-gulp-js/ 参照这个例子做一遍,就会明白,中间会有个问题 npm install jshint 需要修正为 ...
分类:
Web程序 时间:
2016-06-29 17:18:30
阅读次数:
219
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。 ...
分类:
Web程序 时间:
2016-06-28 00:41:11
阅读次数:
278
初学前端的时候就听过友人说,前端不好学,很多软件都是要自己下载安装插件的,当时是很不以为然的,不就是下载几个软件外加安装插件吗?!怎么会很难呢!后面才发现自己真的错了。 今天刚好准备好好看看前端构建工具gulp的使用,于是乎就各种上网查资料。刚开始的时候有点摸不着头脑,这个东西不是一个软件,拿来就用 ...
分类:
其他好文 时间:
2016-06-26 22:28:14
阅读次数:
136
一、建立简单的项目目录 1、创建 manager 根目录(作为项目根目录)2、执行 npm init,在根目录manager下自动生成 package.json文件3、npm install webpack --save-dev,在项目中安装 webpack npm包4、在根目录下 创建 webpa ...
分类:
Web程序 时间:
2016-06-24 19:01:29
阅读次数:
246
将之前的东西的理论部分整理了一下—— gulp 前端构建工具 它可以帮助我们完成一些自动化操作 它需要一些插件的支持 var gulp = require('gulp'); --> gulp命令 require('yargs').argv; 它可以监听gulp后面添加的参数 关闭 gulp 服务器: ...
分类:
其他好文 时间:
2016-06-22 22:03:26
阅读次数:
106
背景: 事情的起因是这般的,平时工作是在线上办公,样式是使用less来写,于是乎,这样我从线上download下来的less文件无法直接在自己的本地环境运行。有一个问题就是我要把less文件先编译成css文件,这样我才能在文件引入使用。对了,那我为什么不从线上拿通过前端构建工具打包编译好的css文件 ...
分类:
Web程序 时间:
2016-06-21 17:51:00
阅读次数:
246
在看webpack官方文档的主页的时候,看着看着就想放弃 ,英文读起来吃力,也不知道webpack到底是用来干什么的。在之前虽然从别人那里知道webpack是现在很流行的前端构建工具,只是一个概念而已,具体不知道到底是干嘛,怎么用等等。然而在扫了几眼主页的时候还是不知道他用了干嘛的,真的放弃过,后来 ...
分类:
Web程序 时间:
2016-06-21 17:45:03
阅读次数:
157
webpack集成了模块加载和打包等功能 ,这两年在前端圈越来越手欢迎。平时一般是用requirejs、seajs作为模块加载用,用grunt/gulp作为前端构建。webpack作为模块化加载兼容了amd/cmd模式,并且作为模块化的资源可以是js/css/image coffeescript/s ...
分类:
Web程序 时间:
2016-06-10 09:43:03
阅读次数:
208
gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学习起来很容易,而且gulpjs使用的是nodejs中stream来读取和操作数据,其速度更快。如果你还没有使用过前端构建工具,或者觉得gruntjs太难用的话,那就尝试一下gulp吧。 ...
分类:
Web程序 时间:
2016-05-27 16:47:30
阅读次数:
272