Tag: gruntjs

Grunt + Express + LiveReload在默认端口3000上不断重启服务器

我有一个通过简单的基于Express的Node.js服务器生成的Handlebars驱动的模板应用程序。 为了便于开发，我一直在努力使用Grunt来重新加载。 我已经阅读了大量的博客和GitHub关于设置实时重载的自述文件; 这被certificate是一个非常周期性的杂务（一页链接到另一页，导致另一页，等等）。 没有我读的是一致的， 一切似乎都支持实时重新加载，而没有真正解释如何去做 – 这是一个很难find一个明确的方法来做到这一点！ 但是，我有一个工作，自我重新加载，快速驱动的项目，通过以下： Gruntfile.js var files = [ 'markup/*', 'examples/*' ] module.exports = function(grunt) { require('load-grunt-tasks')(grunt) grunt.initConfig({ express: { options: { port: 8080 }, dev: { options: { port: 8080, script: 'server.js', background: true } } }, watch: { options: { livereload: true }, express: { files: files, tasks: […]

尝试使用Grunt时，npm init挂起

我正在尝试使用Grunt来缩小和压缩我的HTML，CSS和JavaScript文件。 不过，我用npm init打了一个障碍。 我已经正确安装了NodeJS和GruntCLI。 这是我input命令npm init –verbose时得到的结果 is this ok? (yes) npm info init written successfully npm verb exit [ 0, true ] 然后它只是挂了几个小时。 npm存储在path/ c / Program Files / nodejs / npm中。 npm版本是2.15.5，NodeJS版本是v4.4.5。 任何帮助将不胜感激。 谢谢

angularjs应用web.js结构部署在heroku上

我一直在为这个部署奋斗了几个星期，但没有成功。 对于我的应用程序本地运行，我运行grunt serve和node backend/app.js ，但是，我试图按照这里部署的方式作为一个例子。 我也试图按照这里的说明，因为我的应用程序是由yeoman生成的。 – 如何能够运行node web.js而不是node backend/app.js就像你在这里可以看到应用程序链接到web.js文件一样。 如何修改和更正我的web.js文件？ 或者运行应用程序所需的任何其他文件。 最后我运行grunt生成，然后将其部署到heroku，但该应用程序不工作，它运行，而不是运行node backend/app.js本地运行，显然这个文件不会运行或包含在所有。 例如当我注册或login，没有任何反应。 这是我的应用程序文件夹结构： app/app.js 'use strict'; var myApp = angular.module('myApp', ['ui.router', 'ngAnimate', 'satellizer']); myApp.config(function($urlRouterProvider, $stateProvider, $httpProvider, $authProvider, API_URL){ $urlRouterProvider.otherwise('/'); $stateProvider .state('main', { url: '/', templateUrl: '/views/main.html' }) .state('register', { url: '/register', templateUrl: '/views/register.html', controller: 'RegisterCtrl' }) .state('login', { url: '/login', templateUrl: '/views/login.html', […]

咕噜指南针更改outputStyle上部署

我的Gruntfile检查我在哪个Git分支（dev，test或prod），如果“prod”我想用compass（grunt-contrib-compass）缩小/压缩CSS。 但我无法更改罗盘options的outputStyle属性。 不过，我可以改变我的自定义meta.build.outputStyle在部署function“压缩”，但无法更改compass.site_x.options.outputStyle阅读该元variables。 有任何想法吗？ Gruntfile总结（部分除外）： module.exports = function(grunt) { grunt.initConfig({ meta:{ build: { outputStyle: 'expanded' } }, compass: { site_x: { options: { // Target options sassDir: 'sass', specify: 'sass/legacy/main.scss', cssDir: 'dist/styles', imagesDir: "images", outputStyle: "<%= meta.build.outputStyle %>", config: "./config.rb" } } }, …. //misc }); …. //misc function deploy(environment) { if(environment === "prod") { […]

谷歌地图不在帕格/翡翠工作

我必须在使用Pug / Jade开发的我的网站上实现谷歌地图。 帕格文件是使用Grunt编译的。 该脚本遵循ES6语法。 我也使用require.js 但没有获得谷歌地图。 我得到了如上图所示的屏幕。 我用下面的代码： style. #map-canvas { height: 100%; margin: 0px; padding: 0px } #panel { position: absolute; top: 5px; left: 50%; margin-left: -180px; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; } script. var GoogleMapsAPI = require('googlemaps'); var publicConfig = { key: 'My Key', stagger_time: 1000, // […]

没有testing发现运行与咕噜玩笑

我试图用一个咕task任务来运行我的笑话，但这样做，我得到没有testing发现消息在控制台。 PFB的设置相同： gruntfile.js片段： exec: { jest: 'node node_modules/jest/bin/jest -u –config="test/unit/jest/jest.conf.json"' } jest.conf.json： { "testEnvironment": "jsdom", "setupTestFrameworkScriptFile": "./enzyme.setup.js", "testResultsProcessor": "jest-teamcity-reporter" } 酶.setup.js： import { configure } from 'enzyme'; import Adapter from 'enzyme-adapter-react-15.4'; configure({ adapter: new Adapter() }); 运行grunt exec任务的控制台显示如下： No tests found In C:\Vishal\UI\Jest-Grunt\proj\test\unit\jest 3 files checked. testMatch: .js?(x),**/?(*.)(spec|test).js?(x) – 0 matches testPathIgnorePatterns: \\node_modules\\ – 3 […]

针和咕噜声 – 文件未find

刚开始玩Grunt ，想用Stitch来组合我的模块，以便在客户端使用。 我一般都没有太多的经验，而且这两个文库都是我的新手，所以请耐心等待。 下面是我的Grunt文件的摘录： var fs = require('fs'); var stitch = require('stitch'); module.exports = function(grunt) { grunt.initConfig({ … SNIP … stitch: { dist: { src: ['lib'], dest: 'dist/<%= pkg.name %>.js' } } }); grunt.registerMultiTask('stitch', 'Compile common.js modules with stitch', function() { var done = this.async(); var paths = this.file.src.map(function(dir){ return __dirname + '/' + dir; […]

在一个咕噜插件，我如何得到一个数组的全局和目标指定选项的组合？

我正在写一个具有可以是数组值的选项的grunt插件。 这些值具体是文件（不同于任务本身的文件属性中指定的文件）。 我的任务设置可能如下所示： grunt.initConfig({ assemble: { options: { data: ['test/common/data/common1.json', 'test/common/data/common2.json'] }, dev: { options: { data: ['test/dev/data/dev.json'] }, files: { 'test/actual': ['test/files/dev.hbs'] } }, prod: { options: { data: ['test/prod/data/prod.json'] }, files: { 'test/actual': ['test/files/prod.hbs'] } }, } }); 在我的插件中，我希望能够获得全局选项和目标选项中指定的所有文件列表的数据选项。 对于开发目标grunt assemble:dev我会看到这this.options.data ['test/common/data/common1.json', 'test/common/data/common2.json', 'test/dev/data/dev.json'] 对于prod目标grunt assemble:prod我会在this.options.data看到这this.options.data ['test/common/data/common1.json', 'test/common/data/common2.json', 'test/prod/data/prod.json']

Grunt.js输出并写入文件夹的内容？

目标： dynamic地包含/static/js/**/*.js和/static/css/**/*.css文件<head> 方法： 我正在使用客户端模板部分，所以在这个例子中，我想编写一切的文件path： /static/js/**/*.js也是/templates/head.js.dust /static/css/**/*.css也是/templates/head.css.dust 当然文件path是不够的。 我需要一种方法来预处理输出，以便每个“文件”被适当的标签包装，如： <!– /templates/head.js.dust –> <script src="/static/js/assests/jquery.js"></script> <script src="/static/js/assests/jquery_ui.js"></script> <script src="/static/js/app.js"></script> … <!– /templates/head.css.dust –> <link src="/static/css/assests/jquery_ui.css"/> <link src="/static/css/app.css"/> … 题： 在那里有一个咕噜声模块已经做了这样的事情吗？ 奖励积分： 如果不这样做，我该如何开始构build这样的东西？

如何将js文件以自定义的方式与grunt.js结合？

我想要一个基于令牌的search并replacegrunt的function。 喜欢 single:{ input:"./input.js", output:"./output.js", tokens:[{ token:"$1", file:"./file.js" },{ token:"%2", string:"replacement string" },{ token:"!3", file:"./file.txt" }] }, 从.. grunt-combine https://github.com/mcgaryes/grunt-combine/ 这在grunt .4版本中不受支持。 任何类似的图书馆在那里..或用默认的“concat”方法可以我们去这个..？