有时觉得特别的浮躁,可能是每天春运般的挤地铁,随处可见因为一点小磕小蹭吹胡子瞪眼睛的人,可能是身边的人貌似一下子都好有钱,买房买车或者买第N套房。 很想静下来心寻找到自己inner pace,但是忽然发现连给自己放一天假都觉得甚是奢侈,忙来忙去,时间永远不够用,这样的状态非常不好。我想我是真的发自内 ...
分类:
Web程序 时间:
2017-08-10 13:39:35
阅读次数:
186
这个grunt配置 是我的一个程序员朋友从网上无意间看到的,然后他亲测了下,恩,是可以的。不过我到目前还未测试过是否可以。 一、安装node, 首先确保电脑已有node的环境。然后 运行 npm install -g grunt-cli 然后运行 grunt --version 查看当前grunt是 ...
分类:
其他好文 时间:
2017-08-10 11:41:38
阅读次数:
166
webpack、gulp、grunt是前端打包功能工具;因为已经学习了gulp,而最近发现webpack很火,于是着手学习webpack。本篇是webpack学习笔记系列的第一篇,欢迎指教。 我是从慕课网以及官网文档相结合的方式学习的,从官方文档学到的第一个知识点是在使用webpack打包过程中,即 ...
分类:
Web程序 时间:
2017-08-08 23:10:42
阅读次数:
313
转自网络 Task Runner Gulp、Grunt和Make(常见于c/cpp)、Ant、Maven、Gradle(Java/Android)、Rake、Thor(Ruby)一样,都是是Task Runner。用来将一些繁琐的task自动化并处理任务的依赖关系。其中有些是基于配置描述的,描述逻辑 ...
分类:
其他好文 时间:
2017-08-08 22:59:03
阅读次数:
203
Grunt的配置及使用(压缩合并js/css) 安装 前提是你已经安装了nodejs和npm。 你能够在 nodejs.org 下载安装包安装。也能够通过包管理器(比方在 Mac 上用 homebrew,同一时候推荐在 Mac 上用 homebrew)。 安装grunt CLI npm instal ...
分类:
Web程序 时间:
2017-08-08 20:08:10
阅读次数:
229
1.什么是Webpack? Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 2.WebPack和Grunt以及Gulp相比有什么特性 ...
分类:
Web程序 时间:
2017-07-31 14:35:34
阅读次数:
165
一、contrib-concat插件的使用1、安装“grunt-contrib-concat”插件命令(在终端进入到项目根目录执行)npminstallgrunt-contrib-concat--save-dev2、在项目根目录下提供concat插件配置需要的src目录和需要被合并的源文件(合并源文件放置到src目录下)mkdirsrc3、在Gruntfile...
分类:
其他好文 时间:
2017-07-31 09:56:36
阅读次数:
92
前言 之前一直在用gulp。后面也引入的webpack,两个构建工具都在使用。回头看看自己写的配置文件,觉得还是有必要记录一下。 一、gulp 和grunt的区别 Grunt主要是以文件为媒介来运行它的工作流的,比如在Grunt中执行完一项任务后,会把结果写入到一个临时文件中,然后可以在这个临时文件 ...
分类:
其他好文 时间:
2017-07-30 11:36:04
阅读次数:
128
当今时代,前端代码变的庞大复杂,代码维护、打包极其困难。所以前端的自动化构建工具显得尤为重要。我们要讲的就是grunt。grunt是一个基于node.js的自动化构建、测试、生成文档的项目管理工具。 一.安装grunt 1.安装grunt之前首先得安装node:从官网上下载,安装即可,在命令行中输入 ...
分类:
其他好文 时间:
2017-07-30 11:26:16
阅读次数:
190
接触Bower一年多了,今天对于它的有一些疑问,并且写此博文记录之。 首先把Bower的官网附上: https://bower.io/ (一)什么是Bower Bower:就是一个前端包管理工具。能够帮我们管理Web站点上的各种框架,类库等等。主要作用有如下:能够帮助我们跟踪前端包,并且保证他们是最 ...
分类:
其他好文 时间:
2017-07-29 13:02:07
阅读次数:
229