【前端福利】用grunt搭建自动化的web前端开发环境-完整教程
jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！ 1. 前言 各位web前端开发人员，如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt，那你就真的真的真的out了（三个“真的”重复 ...
花费 8 ms
[译]Autoprefixer:一个以最好的方式处理浏览器前缀的后处理程序
Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里，使用Can I Use的数据来决定哪些前缀是需要的。 所有你需要做的就是把它添加到你的资源构建工具（例如 Grunt）并且可以完全忘记有CSS前缀这东西。尽管按照最新的W3C规范来正常书写 ...
grunt使用小记之uglify：最全的uglify使用DEMO
grunt-contrib-uglify uglify是一个文件压缩插件，项目地址：https://github.com/gruntjs/grunt-contrib-uglify 本文将以一个DEMO来展示如何使用uglify插件。 DEMO环境 package.json ...
Elasticsearch 5.2.x 使用 Head 插件连接不上集群
0、前言 时光荏苒，ES转眼间就从2.X跳到了5.X。。。 忆往昔峥嵘岁月，奈何ES社区太活跃，版本跳的比房价还快啊。。。 话说回来，需要部署一套Elasticsea ...
webpack入门和实战(二)：全面理解和运用loader和plugins
您的阅读目录： 一、理解webpack加载器loader 二、理解less-loader加载器的使用 三、理解babel-loader加载器的使用 四、w ...
用grunt进行ES6转换，再用uglify压缩所有js实例
1.首先安装node.js 去官网下载exe执行文件安装即可，安装完成后自带有npm管理。 2.安装grunt CLI 在项目根文件夹下执行如下代码： 3.安装Grunt 4.配置Gruntfile.js 首先需要往项目里添加两个文件 ...
webpack入门和实战(一)：webpack配置及技巧
一、全面理解webpack 1、什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理,它能有Grunt或Gulp所有基本功能 ...
前端打包构建工具grunt快速入门（大篇幅完整版）
打包的目的和意义就不用叙述了直接上干货 http://www.gruntjs.net/getting-started里面的教程也太简单了，需要下一番功夫去研究才行。本文将grunt打包的常用方法都用实例描述，更加清晰易懂。 1. 第一个简单的grunt打包 1)需要安装 ...
grunt如何启动前端项目
很多时候，我们在做一个前后端分离的项目时，前后端的开发工作处于并行阶段，并且是分开独立开发，当然部署运行环境最好也是互不干涉为最好。 这种时候，后端也许会用eclipse等开发工具来开发，tomcat或者是jetty之类的进行部署运行，而我们前端则会考虑用grunt来运行。 现在将grunt ...
Grunt一辈子的好基友：yeoman
yeoman是什么 yeoman主要包含了三个工具：yo、grunt、bower。我们先看下这三个工具分别是做什么的： yo：脚手架工具，主要作用是创建项目骨架（跟grunt-init有点像）。 grunt：构建工具，主要用来运行各种任务，比如文件压缩、合并、打包 ...