Articles of gruntjs

使用grunt插件

我有以下gruntfile module.exports = function (grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), htmlhint: { build: { options: { 'tag-pair': true, 'tagname-lowercase': true, 'attr-lowercase': true, 'attr-value-double-quotes': true, 'doctype-first': true, 'spec-char-escape': true, 'id-unique': true, 'head-script-disabled': true, 'style-disabled': true }, src: ['index.html'] } }, watch: { html: { files: ['index.html'], tasks: ['htmlhint'] } } }); require("matchdep").filterDev("grunt-").forEach(grunt.loadNpmTasks); grunt.registerTask('default', ['watch']); }; 而当我尝试在CMD运行grunt它给了我这个错误 警告:找不到任务“默认”。 […]

在windows服务上执行“grunt serve”

我有一个安装了nodejs的windows服务器电脑。 我需要在启动时自动执行我的grunt应用程序,并且我想使用一个windows服务。 解决方法可能是启动“cmd”内的“启动”文件夹中的链接,但Windows服务更好…有没有办法? 先谢谢你 卢卡

通过咕噜在现场服务器上运行量angular器

我正在尝试通过一个咕task任务在live-server上运行我的portractortesting。 我已经安装了live-server( https://www.npmjs.com/package/live-server )和grunt-execute。 随着grunt执行我设法启动实时服务器与grunt命令分两步: 首先我创build了一个节点脚本(liveServer.js) var liveServer = require("live-server"); var params = { port: 8080, host: "localhost", open: true, wait: 1000 }; liveServer.start(params); 第二我在我的grunt文件中创build一个任务来启动脚本:(在grunt.initConfig中) execute: { liveserver: { src: ['liveServer.js'] }, } 并注册一个命令来触发它: grunt.registerTask('live', [ 'execute:liveserver' ]); 现在,如果我在我的命令行运行服务器启动时运行“grunt live”,打开一个浏览器,并且可以浏览我的应用程序。 我也在我的grunt文件中创build了一个量angular器任务,工作也很好。 (在grunt.initConfig中) protractor: { options: { keepAlive: false, noColor: false }, e2e: { options: { […]

generator-angular-fullstack:如何运行服务器

通常你用典型的方式启动整个应用程序: grunt serve 但是这启动了整个应用程序,用sass编译等等。 有没有办法启动服务器端? 我肯定错过了什么! 我很乐意能够在Api部分工作,并快速testing,而无需启动整个应用程序。 grunt serve-server // or something random like that?

什么是中间件Yeomanfunction实现的目的?

我是grunt-contrib-connect中的新手,并且遇到了这个跟随middleware函数Yoeman的实现 – middleware: function(connect, options, middlewares) { return [ proxySnippet, connect.static('.tmp'), connect().use('/bower_components', connect.static('./bower_components')), connect.static(config.app) ]; } 这个实现的目的是什么?

无法使用Grunt安装Bower组件 – “path.join的参数必须是string”

我遇到使用我的Gruntfile.js安装Bower组件的问题。 但是,我可以使用Bower命令来安装Bower组件。 使用Bower命令安装Bower组件工作正常。 凉亭安装 我不能使用Grunt命令安装Bower组件 咕噜凉亭:安装 她的一些细节。 bower.json: { "name": "test", "version": "0.0.2", "dependencies": { "angular": "latest", "bootstrap": "latest", "lodash": "latest", "font-awesome": "latest" }, "devDependencies": { "angular-mocks": "latest" } } .bowerrc: { "directory": "libs", "json": "bower.json" } Gruntfile.js: bower: { install: { options: { install: true, copy: false, targetDir: './libs' } } } 当我尝试使用Grunt安装Bower组件时,出现以下错误: Running […]

节点没有从Gruntfilefind依赖关系

我一直在使用Yeoman的全angular度发电机,一周前它工作的很好。 现在,在生成新的应用程序之后,节点无法添加Gruntfile.js中的连线依赖项。 基本上,我必须安装所有应该用npm install解决的依赖关系。 在安装了十几个npm软件包(如jit-grunt,jshint等)之后,grunt build / serve将会完成,但该应用程序不会在浏览器中加载。 我确定这是一个node / npm问题,因为应用程序生成器在一个星期前就开始工作了。 我试过完全卸载并重新安装。 任何猜测,为什么发生这种情况? 尽pipe我用不同的npm版本得到相同的行为,现在我在: npm:3.3.12节点:4.2.1 grunt-cli:0.1.13 grunt:0.4.5 当我手动安装这些软件包时,我也收到了这个错误信息,我觉得它可能是相关的: Ryans-MacBook-Pro:appTest nonzero$ npm install jit-grunt –save-dev app-test@0.0.0 /Users/nonzero/Programming/appTEST └── (empty) npm ERR! code 1

Grunt在开发环境中美化或不美化

我在AngularJS Web应用程序中使用Grunt Uglify来丑化我的javascript和css文件。 我有一个开发,testing和生产环境。 我只想在部署testing和生产的时候才丑化,但是在开发中我想保持我的代码没有uglify,使debugging任务更容易。 到目前为止,我正在手动。 我的意思是,我有一个包含所有美女代码的index.html,当我要部署一个版本的时候,我会隐藏代码并进行部署。

失败$ grunt buildcontrol:页面jit-grunt未find

简单的应用与Yeoman只是testing,看看我能否部署…我已经运行: npm install grunt-build-control –save-dev npm install jit-grunt –save-dev 但是我从terminal上得到一个错误,说找不到插件了? 我知道静态映射中可能有一个答案只是不知道如何去做。 这是从terminal的错误: $ grunt buildcontrol:pages jit-grunt: Plugin for the "buildcontrol" task not found. If you have installed the plugin already, please setting the static mapping. See https://github.com/shootaroo/jit-grunt#static-mappings Warning: Task "buildcontrol:pages" failed. Use –force to continue. Aborted due to warnings. Execution Time (2015-12-08 20:00:17 UTC) loading […]

Grunt.js; 了解不同的configuration

我对Grunt.js非常陌生,并且能够运行一些我已经安装的任务(例如watch , uglify , jslint )。 当我尝试运行更多的时候,我经常遇到问题并尽可能地尝试谷歌/研究,以从头学习Grunt的工作原理。 不过,我被这两个不同的configuration弄糊涂了: 从GitHub回购grunt-contrib-uglify uglify: { my_target: { files: { 'dest/output.min.js': ['src/input1.js', 'src/input2.js'] } } } 和这个(在我的Gruntfile.js为我Gruntfile.js ): uglify: { build: { src: 'js/custom-script.js', dest: 'js/custom-script.min.js' } }, 这不是特别的,但我注意到,每个使用自己的话( my-target与build , src , dest ),结构,语法等我认为,因为Grunt是所有的JavaScript,这些都将在JSON格式,虽然我无法validation他们是否。 在通过Grunt文档进行大量研究之后,通过包含插件的GitHub存储库以及随机的各种教程,我想我有一些主要问题: 有没有一个标准的方式来编写一个Gruntfile.js ? Gruntfile.js有没有保留字? 我已经尝试在我的uglify任务中改变dest这个词来dest ,而且确实失败了,所以我对此直言不讳。 如果对上述两个问题中的任何一个是肯定的,这些资源/链接在哪里? 我试图谷歌"grunt glossary"但空了。 唯一的标准似乎是Grunt自己提供的标准,但我很难通过引用它来让事情工作。