我一直在为我在个人网站上所做的工作整合grunt。然而,它似乎不是为我当前的实现而设计的。简而言之,我使用的是静态站点生成器(Wintersmith)。我的愿望是让grunt在这个由站点生成器生成的目录上执行一系列操作(缩小css、uglify for js、格式化HTML和删除空行)
简言之,我的问题如下:
Grunt插件似乎总是有不同的文件源和目标。在我的例子中,我只希望它获取一个文件(例如,CSS文件),并在同一个文件中缩小它
Grunt似乎无法处理您希望对一系列文件执行操作的情况,这些文
我试图使用grunt contrib uglify将package.json贡献者添加到输出横幅
是否可以遍历参与者数组?您可以执行以下操作:
var banner='/**\n'+
“*YourProject.js-v-build\n”+
“*贡献者:\n”+
“*版权所有(c)2013您的姓名;授权MIT\n'+
“*/\n”;
使用Array.join,不需要迭代数组。这就是我想到的。工作是一种享受
var contributors = grunt.template.process('&
GruntJS新手在这里。我目前使用watch任务查找对我的js/components/文件夹中任何.js文件的更改,并将这些脚本添加到单个script.js文件中
我遇到的问题是,这些更改会导致重新加载整个页面
是否可以只重新加载script.js文件而不重新加载HTML/CSS?我所追求的效果与我目前使用SASS/CSS文件获得的效果相同,如下所示:
watch : {
options: { livereload: true },
sass:
在我的例子中,我需要在一个由“rev”任务处理的文件上运行uglify任务。因此,通常情况下,丑八怪的配置如下
uglify: {
my_target: {
files: {
'dest/input.min.js': ['src/input.js']
}
}
}
但是,由于“rev”任务在文件名前面加了一个随机字符串,比如
238029384input.js
在这种情况下,有没有办法修复我丑陋的tak?使用带星星的a
u
我使用grunt和cssmin来缩小我的css
但是,在我的css资产文件夹中,我有一些扩展名为.min.css的css。因此,当我运行grunt时,只有源文件夹中带有.css的文件才会缩小到build文件夹中。源文件夹中包含.min.css的文件将在生成文件夹中找到,但扩展名.min将丢失。ie bootstrap.min.css将变为bootstrap.css
我的Gruntfile.js如下所示
module.exports = function(grunt) {
// Projec
我有一个带有前缀图像的文件夹,我想根据它们的类型(标题、预览、文章)调整其大小。最初,所有图像的大小都相同
images/
header_a.jpg
header_b.jpg
preview_a.jpg
preview_b.jpg
article_a.jpg
article_b.jpg
现在我想调整图像的大小:
标题图像至1280px宽度
文章图片宽度为640px
预览图像至200像素宽
现在我正在使用调整图像大小,但这只会将所有图像调整为相
可以直接从Grunt模板运行脚本吗?所以当我做一个
grunt-init grunt_template
像下面这样运行
npm install
grunt task
git ....
我的工作涉及很多小的“项目”,所以如果我能在一个命令中完成这一切就好了。提前感谢您的帮助
我正在运行grunt contrib copy将一组图像从一个目录复制到另一个目录。所有文件都被复制,但每个副本都是用队列中第一个文件的名称写入的,因此我只得到一个文件
这是我的配置:
copy: {
regImages: {
src: [
'images/*'
],
dest: 'dist/'
}
}
以下是运行命令后my CLI的详细输出:
Running "copy:regImages" (copy) t
我需要调用grunt.registerTask中的两个函数,但必须在第一个函数完成后调用第二个函数
所以我想知道我们是否可以在grunt.registerTask中使用回调、承诺或其他异步机制
(更具体地说,我需要在第一次函数调用中启动karma,并在第二次函数调用中运行karma(以执行初始单元测试)。但为了运行karma,我需要首先启动它。这就是我所缺少的。)来自:
任务可以是异步的
grunt.registerTask('asyncfoo', 'My "asyncfoo" task.',
我不知道如何使用grunt减少文件的倍数:
less: {
dist: {
files: {
'<%= yeoman.app %>/styles/main.css': ['<%= yeoman.app %>/styles/main.less']
},
options: {
sourceMap: true,
sourceMapFilename: '<
有没有办法为数组类型设置占位符
我有这个:
'closure-compiler': {
dev: {
files: {
'<%= buildDirDev %>js/<%= outputMinJsName %>': [
'<%= sourceJsPath %>namespace.js',
'<%=
我已将grunt jshint任务添加到grunt中。我创建了定制的reporter,将jsHint输出作为电子邮件发送出去。调用了我的自定义报告器函数。但是没有电子邮件通过。代码中没有错误
Grunt版本:“Grunt”:“^0.4.5”,
“nodeEmailer”:“^1.11.0”,
NodeEmailer sendmail传输“^1.0.0”
以下是示例代码:
var nodemailer = require('nodemailer');
var smtpTransport = re
目前,我正在与ISOTOEJS和requirejs进行斗争。作为像我这样的设计师,那些带有模块和依赖关系的东西让我感到害怕;)
我正在努力让它运行:
这里是我的require config.js:
(function (global, require) {
'use strict';
require.config({
baseUrl: './webroot/js',
catchError: true,
paths: {
'site-core': '
我在运行grunt命令时出现此错误
我的GrunFile.js如下所示:
“严格使用”;
module.exports=函数(grunt){
要求(“时间咕噜”)(咕噜);
要求(“jit-grunt”)(grunt);
grunt.initConfig({
sass:{
地区:{
档案:{
“css/styles.css”:“css/styles.scss”
}
},
观察:{
文件:“css/*.scss”,
任务:['sass']
},
浏览器同步:{
开发人员:{
BSF文件:{
src
可以为导入使用通配符吗
例如:
<!-- build:js scripts/scripts.js -->
<script src="scripts/models/*"></script>
<script src="scripts/controllers/*"></script>
<script src="scripts/init.js"></script>
<!-- endbuild -->
或
我正在我的grunt0.4中使用gruntcontribuglify插件
我有以下任务:
uglify: {
dist: {
options: {
sourceMap: 'dist/sm/sm.js'
},
files: grunt.file.expandMapping(['*.js'], 'dist/js', {
cwd: 'dist/js'
})
}
},
如您所见,uglify配置为压缩多个文件,并且只指定了一个源映射。(我
我正在使用grunt来丑化我的静态文件(使用grunt v0.4.0)。我已经将它配置为丑陋的一个文件,但我不知道如何让它做两个文件-和
以下是我目前拥有的:
uglify: {
options: {
banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',
mangle: true
},
build: {
src: 'dist/main.
当测试失败时,我需要看到堆栈跟踪,但是当Grunt运行Mocha测试套件时,有东西隐藏了它。当我自己运行测试时(mocha--recursive),我确实会得到一个堆栈跟踪:
site/server/server.js:10
server.use( express.static( path.join( __dirname( '../client' ))));
^
TypeError: string is
我对Yeoman工作流非常陌生(从今天开始使用Yeoman)。
我正在尝试安装,以便自动化资产管理过程
问题是,尽管我一直按照文档中的说明进行操作,但在尝试运行grunt-bower安装时,我还是出现了错误
尝试从主目录运行此命令时,错误如下:
oleg@ob:~$ !!
Running "bower-install:app" (bower-install) task
Verifying property bower-install.app.src exists in config...ERRO
我需要运行grunt bump,它会在package.json中增加版本号,然后运行grunt xmlpoke并用新版本号更新配置文件
所以我尝试了一些方法。在grunt.initConfig中,我运行bump,然后运行xmlpoke
1) xmlpoke接受grunt.file.readJSON('package.json')。版本
或
2) bump之后,我运行一个自定义任务,将新版本添加到grunt选项中,xmlpoke的值为grunt.options(“versionNumber”)
在
在我正在构建的AngularJS单页应用程序中,我有一个grunt任务,它生成一个单独的目录,其中包含所有必需的库、js、css等以及index.html。所有javascript代码在单个app.full.js中被连接(尚未缩小),css代码也被连接到app.css文件中
我现在遇到的问题是,在grunt任务完成后,如果我尝试在浏览器中加载index.html,那么在我为应用程序加载的一些组件中会出现大量“undefined is not a function”javascript错误
以下是
我正试图使用grunt-sftp-deploygrunt插件排除通过sftp上传的目录
以下是我的设置:
'sftp-deploy': {
lean: {
auth: {
host: 'green-and-energy.com',
port: 22,
authKey: 'privateKey'
},
src: './build/',
dest: '/websei
对于开发,我想可以使用像这样的插件
但对于生产,我希望在存在CDN的地方使用CDN。它是否存在一个Grunt插件,该插件通过bower.json文件,并用最流行的CDN链接替换它(如果一个组件存在于多个CDN中,则根据排名设置或随机或其他内容选择一个)。我自己没有尝试过,但这可能会有所帮助-
如果您想使用不同的cdn,那么您可以使用这些都不是真正的帮助,因为(如果我弄错了,请纠正我),它们都只处理一个cdn。第一个处理google cdn,第二个处理您定义的一个cdn。我使用的组件使用各种CDN
标签: Gruntjs
font-awesomegrunt-contrib-copy
基本上,我想要一个称为_variables.scss的部分用于生产,而_variables-test.scss用于测试。我需要为font awesome设置一个路径变量,该变量在生产环境中与使用“grunt serve”进行测试时不同,因为生产应用程序将有一个额外的路径元素。因此,对于生产,路径将是“/distribution/font”,其中测试将只是“/font”。根据的文档,您可以通过在任务配置中设置fontDir来定义不同的字体文件夹
通过Grunt(Grunt Docco)对JavaScript代码使用Docco(最新版本)。如何可以忽略文本块?例如,在所有JavaScript文件的顶部是多行注释中的许可证信息:
/**
Copyright 2014....
*/
或者说我有代码,我不知道Docco要处理什么
标签: Gruntjs
grunt-contrib-watchgrunt-contrib-uglify
我对Grunt还是比较陌生,所以也许有经验的人可以帮我解决这个问题。出于某种原因,每当我运行grunt watch时,丑陋的任务会被执行多次,因此我的scripts.min.js文件会被编译多次
这就是我的GrunFile.js当前的样子:
'use strict';
module.exports = function(grunt) {
// Show elapsed time
require('time-grunt')(grunt);
// Comment out any unu
项目中有源文件夹和发布文件夹。我想将所有文件和文件夹从源复制到发布
Grunfiles.js中的相关代码:
grunt.initConfig({
copy: {
main: {
files: [
{ src: ['source/**/*'], dest: 'publish/'},
]
}
}
});
grunt.loadNpmTasks(
我想使用摩卡作为分层测试套件。我为一个API创建了一个测试,它是按层次结构组织的,如product->add,product->duplicate,product->update,product->delete
我想用类似于mochaapi产品的东西运行测试。这将运行上述所有与产品相关的API。如果我运行mochaapi产品添加,它将只运行产品->添加测试用例。mocha已经支持层次结构。您只需要使用descriple调用来构建层次结构的顶层:
describe("API", function
我正在尝试启动一个新的平均堆栈应用程序。但是,我只有在运行grunt启动服务器时才会出现此错误:
[nodemon] v1.2.1
Running "watch" task
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node --debug server.js`
Waiting...
Debugger listening on port 5858
Mean ap
在该服务器上执行grunt-jade:dev
grunt.initConfig({
“玉”:{
“开发”:{
“文件”:{
“cwd”:“src”,
“src”:[“***.jade”],
“目的地”:“目的地”,
“ext”:“.html”,
“扩展”:正确
},
“选择”:{
“漂亮”:没错,
“数据”:{
“环境”:“开发人员”
}
}
},
“产品”:{
“文件”:{
“cwd”:“src”,
“src”:[“***.jade”],
“目的地”:“目的地”,
“ext”:“.html”,
我已经安装了引导式sass和grunt sass,并希望自定义构建中包含的引导式组件
我已在我的app/styles/文件夹中创建了\u bootstrap.scss的副本,需要覆盖默认导入路径-我需要对Gruntfile进行哪些更改才能正常工作
我已经尝试在我的_Bootstrap.scss文件中包含引导程序部分的完整路径,但无法编译。Gruntile摘录如下
Gruntfile
// Compiles Sass to CSS and generates necessary files if
我一直在试图确定将供应商JS&CSS与定制JS&CSS分离的前端工作流中的标准做法背后的原因。我不确定额外HTTP请求的优点和缺点是什么,只使用一个CSS&JS文件似乎比使用vendor.CSS、main.CSS&vendor.JS、main.JS更干净
有人能解释一下吗?根据您的情况,这允许您在级联中进行较低的编辑,这样您就可以覆盖供应商的样式和行为,而无需删除它们的代码。这是很有帮助的,这样您就可以始终拥有可以还原到的工作版本(供应商代码)。在使用Wordpress等情况下,开发子主题可以在
我想将我的所有图像转换为WebP,这样我就可以选择显示带有回退功能的WebP。这里是它的呼噜声:
但我有一个坚实的文件夹结构为我的图像,所以他们很容易找到和维护
images/slider/
images/header/
images/people/
诸如此类。有没有办法向src/dest添加变量,以便dest保留其文件夹结构?如果grunt-webp遵守grunt约定,那么应该可以将expand:true和cwd:'images/'添加到Gruntfile.js中webp任务的文件对象中(请
我正在使用从具有dockblock的JavaScript文件生成文档
当我运行grunt任务时,我得到的只是一个HTML文件,其中只有我指定的标题。安装grunt dox或运行任务时没有错误
我使用的是Mac OS X 10.8.3,但我有一种强烈的感觉,这并不是它不起作用的原因
以下是一些相关文件供参考:
-请忽略带有额外空格的格式
我做错什么了吗?有人用过这个吗?顺便说一句,我正在运行grunt测试,其中包含dox任务
我将非常感谢你的帮助,因为我已经被困在这个问题上两天了,准备放
我已经在yeoman项目中全局和本地安装了grunt,但是所有grunt命令都会出现以下错误。你知道怎么避开这个吗
c:\wip\code\project\yo>grunt -v
Initializing
Command-line options: --verbose
c:\wip\code\project\yo\node_modules\grunt\lib\grunt\file.js:372
return fs.existsSync(filepath);
^
想知道Grunt是否有办法将Javascript编译成CoffeeScript。有什么建议吗?提前感谢您的帮助 尝试使用以下grunt插件:
资料来源:
不错!但是,它一直说:没有找到本地Npm模块“js2coffee”。安装了吗?警告:未找到任务“js2coffee”。使用--force继续。我已经通过npm install js2coffee进行了安装——save dev和package.json中似乎有文件。。。所以不确定发生了什么…你用grunt加载了吗grunt.loadNpmTas
我正在使用Yeoman生成器构建一个站点:
我使用bower通过以下操作安装了fancybox:
bower安装fancybox——保存
将fancybox脚本include添加到index.html中的my usemin构建块中
@import./bower\u components/fancybox/source/jquery.fancybox.css”到我唯一的.less文件中
最后,在grunt的copy任务中使用以下配置跨fancybox供应商映像进行复制
代码:
//Gruntf
我正在使用Grunt对我的响应式网站进行测试。Grunt contrib jasmine正在使用PhantomJS运行网页。我注意到默认的视口宽度是400px。不过,我也想测试一下我在大屏幕上的表现。如何更改PhantomJS的视口宽度
非常感谢
我的Grunfile.js
module.exports = function (grunt) {
grunt.initConfig({
cssmin: {
css: {
我正在尝试允许cors在grunt connect任务上运行angular应用程序*我用的是角度发电机。以下是我到目前为止所做的尝试:
connect: {
options: {
port: 9004,
hostname: 'localhost',
livereload: 35728,
middleware: function(connect, options) {
我正在使用将ES6转换为ES5。我的一个文件名是app.collection.js,运行任务后,将其重命名为app.js
解决此问题的方法是什么
/****************************************************************************
*Grunt Babel将ES6编译为ES5
***************************************************************************
我试图在我的项目中使用grunt Modernizer插件,但在运行任务时,我收到了以下输出:
Running "modernizr:dist" (modernizr) task
>> Explicitly including these tests:
>> pointerevents
Looking for Modernizr references
我没有收到任何类型的错误,终端只是返回到我所在的目录,好像它只是放弃
这是我的grunt文件:
module.exp
我正在运行grunt的jshint。
这是我的配置:
jshint: {
files: ['Gruntfile.js', 'app/htmlplayer/js/directives/**/*.js'],
options: {
globals: {
jQuery: true
}
}
},
但是在运行控制台中触发jshint的grunt测试后,会打印提示,最后会打印:
“30个文件中有118个错误”
这里有一个
如何找
我们使用grunt量角器runner,有49个规格可供运行
当我在酱汁实验室运行它们时,有时它只运行x个测试,但不是全部。知道为什么吗?除了在myprotarctor conf.js中输入用户和密钥外,是否还需要传递任何酱汁设置
使用位于的SauceLabs selenium服务器
这种输出通常是在代码库中存在“聚焦”测试时产生的。检查测试中是否有fdescribe,fit
作为补充说明,为了避免将重点测试提交到存储库中,我们使用了静态代码分析-使用。然后,我们添加了一个“pre-commit”
标签: Gruntjs
portlivereloadnpm-installserve
我正在开发一个由其他人构建的webapp…构建和运行的命令是
npm install
bower install
grunt serve
我以前使用过npm和bower,没有任何问题。在grunt到达“connect:livereload”任务之前,一切似乎都正常,而命令行刚刚挂起,没有错误消息
下面是package.json文件和grunt service-v的输出:
(package.json)
{
"name": "app",
"version": "0.0.1",
标签: Gruntjs
grunt-contrib-uglifygrunt-contrib-concat
我正在开发一个Sails.js应用程序,前端使用角度1.5x。最近我开始使用textAngular,它在开发中效果很好,但是,出于某种原因,它在生产中运行(我认为这是问题所在),运行grunt concat和uglify,因此最小化了所有js,我在向angular模块/应用程序注入时遇到了一个js错误。如果我删除了对textAngular的所有引用,它将在生产过程中继续运行。我想使用textAngular,我不相信这是一个问题,这些脚本每说。我应该如何着手解决此问题?是否有任何concat或丑陋
我有以下文件夹结构:
Widgets
- Widget One
- CSS
- WigdetOneStyle.less
- WidgetOne.JS
- Widget Two
- CSS
- WigdetOneStyle.less
-WidgetOne.JS
Gruntfile.js
有没有办法让grunt contrib less将每个widgets less文件编译到各自的CSS文件夹中
我是初次使用grunt的,请给出将grunt与动态web项目(webcontent)集成的步骤。好的,我会尽力帮助您
在项目根目录中创建一个名为grunfile.js的文件:
根据您的项目更改路径
module.exports = function(grunt) {
var config = {};
//src ===============================
var src;
config.src = src = {
sassMa
是否可以同时运行两个监视任务
我知道我可以在手表设置中执行任意数量的任务,只要启动grunt watch,它就会监视所有任务,就像这样
...
watch: {
A: {
files: "js/dev/**/*.coffee",
tasks: ["coffee", "requirejs"]
},
B: {
files: "js/dev/**/*.coffee",
tasks: ["coffee"]
}
标签: Gruntjs
grunt-contrib-watchgrunt-concurrent
我正在运行一个Grunt任务,它使用Concurrent来运行Nodemon和Watch/Livereload。在默认加载时,I lint并同时启动。我还想设置一个手表,以便在更改时删除单个文件。当前,当任何一个文件发生更改时,所有文件都将被删除
我研究了一个关于StackOverflow的类似问题,并决定使用grunt更新版作为一个潜在的解决方案。然而,在我下面的实现中,“更新的”前缀似乎没有任何作用。如何修复此问题,以便只删除已更改的文件
module.exports = function(
文件夹的首选标签方法是什么,以区分原始资产和使用任务运行器缩小、连接等的资产?我见过很多组合,最流行的组合是src和dist,src和build,dev和dist,这是主观的,可以是你想要的任何东西。我会告诉你我的是“src:_build”。我的所有开发文件都包含在“src”目录中,其他所有文件都复制/构建到“\u build”目录中。但没有固定的标准
您可以将连接的文件命名为。。。所以只需在布局文件中引用它们。例如,我将我所有的lib-js文件合并到一个名为lib.min.js的文件中,我在a
上一页 1 2 3 4 5 6 ...
下一页 最后一页 共 47 页