前端工程化系列[03]-Grunt构建工具的运转机制
在前端工程化系列[02]-Grunt构建工具的基本使用这篇文章中，已经对Grunt做了简单的介绍，此外，我们还知道了该如何来安装Grunt环境，以及使用一些常见的插件了，这篇文章主要介绍Grunt的核心组件和运转机制。Grunt是一套前端自动化构建工具，可以帮助我们简化开发中需要反复处理的任务，甚至...
grunt小教程
本人的博客写了grunt的小教程，从零开始，一步一步的通过例子讲解，希望喜欢的同学给我的github上加颗星，谢谢！github地址： https://github.com/manlili/grunt_learngrunt入门：点击我学习grunt配置：点击我学习grunt创建任务：点击我学习gru...
grunt简单教程
Grunt简单教程1.grunt简单介绍Grunt是一个基于任务的命令行工具。依赖于node.js环境。它能帮你合并js文件，压缩js文件，验证js。编译less，合并css。还能够配置自己主动任务。单元測试等等，grunt有许多的插件，能够满足你的大部分需求。2.怎么安装先介绍一些东西：npm是n...
grunt concat不会连接所有文件
I'm using grunt-concat to concatenate all my files into one js file, however it appears to only include the first, and last 3 files. Missing out 3 fil...
Grunt Gulp Browserify Webpack
Grunt 是相比后面几个更早的项目，他依赖于各种插件的配置。这是一个很好的解决方案，但是请相信我，你不会想看到一个 300 行的 GruntfileGulp 提供了一个不一样的解决方案，而不是依赖于各种插件的配置。Gulp 使用了一个文件流的概念。如果你熟悉 Unix，那么 Gulp 对你来说会差...
“sudo npm安装-g grunt-cli”给了我一个错误。
I get an error when trying to install gruntjs on a linux 12.04 (with a mirrored packages source) 尝试在linux 12.04上安装gruntjs(带有镜像的包源)时，会出现错误。 Here is the...
如何告诉grunt-usemin忽略Django的静态模板标签？
I'm building a Django app that serves a single page Angular app. 我正在构建一个Django应用程序，它提供单页Angular应用程序。 Django serve's Angular's index.html which has the...
在Grunt task中集成Protractor
Protractor是专为AngularJS应用程序编写的UI自动化测试框架。前端构建有很多构建工具，比如Grunt、Gulp等。一般我们会把这些构建工具作为集成集成的脚本执行工具。所以如果把Protractor的执行也集成进去，则可以达到自动验证UI功能的效果。本文将介绍如何将Protractor...
Grunt实现自动化单元测试
http://www.tuicool.com/articles/rAnaYvn 直奔主题：一、安装grunt-contrib-qunitnpm install grunt-contrib-qunit --save-dev （前提先安装nodejs和npm）自动下载grunt-lib-phantomj...
Grunt压缩图片
今天我们来说一下用Grunt来压缩图片和JS吧!首先要安装插件:这是压缩图片的;npm install --save-dev gulp-imagemin这是压缩JS的:npm install --save-dev gulp-imagemin然后引入依赖:var gulp = require("gul...
Angular+Grunt+Bower+Karma+Protractor (Atom)
1. 配置bower1.安装bowernpm install -g bower2.创建.bowerrc文件{"directory": "src/bower"}3.添加依赖bower install angular4.创建配置文件bower init结果如下：{ "name": "UnitTest"...
GruntJs安装及使用入门（自定义grunt任务,合并压缩js、css）
一、Grunt.js简介（实现自动化）1）简要说明：1.GruntJs是基于node的javascript命令行工具，可以自动化构建、测试、生成文档的项目管理工具；2.使用GruntJs可以自动化的管理子任务的运行；3.很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等2）使用...
[译]为什么我要离开gulp和grunt转投npm脚本的怀抱
原文链接：https://medium.freecodecamp.com/why-i-left-gulp-and-grunt-for-npm-scripts-3d6853dd22b8#.n7m1855uf作者：Cory House-----------------------------------...
nodejs直接调用grunt（非调用批处理）
在windows下，我们做js构建工作，都习惯安装grunt-cli，只需要命令行grunt。。。一切构建工作都自动完成了。这已经是很完美的情况了，不过最近要做一个服务器版的自动化构建系统，在nodejs中调用批处理执行grunt就显得很矬，而且各种问题。是否有更好，更漂亮的方式呢？grunt本来就...
在Vagrant中安装Node，NPM（以及Grunt和Bower全局）
I've been following this gist for installing a bunch of core dependencies for PHP development, but one that I do need and have not been able to get wo...
cd命令未在grunt-ssh任务上执行
I'm running the task "grunt-ssh" github/ssh, and it works fine, except for the cd command, here is my code: 我正在运行任务“grunt-ssh”github / ssh，它运行正常，除了cd命...
React和Grunt - Envify NODE_ENV ='production'和UglifyJS
I am using Grunt to build a React project and I want to have 'dev' and 'prod' flavours. As react docs says: 我正在使用Grunt构建一个React项目，我想要'dev'和'prod'的味道。正...
如何从不同于我的根项目的文件夹运行grunt
Is there a way to tell grunt which grunt.js file to use? 有没有办法告诉grunt使用哪个grunt.js文件？ I have an f:\a\b\tools folder that contains grunt.cmd, node.exe,....
Grunt插件之LiveReload 實現頁面自動刷新，所見即所得編輯
方案一：简化前端测试的利器 – BrowserSync（推荐） 当你的网页有多个浏览器需要照顾时，编写代码变得举步维艰，而测试也变得不省心了。你需要一个一个挨个打开，刷新…。 现在好了，有BrowserSync这样的利器，无需手动刷新了，全部由 BrowserSync 搞定。 Browse...
Grunt插件uglify
Gruntfile.js里面配置：module.exports = function(grunt){ // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { ...