草庐IT

javascript - 在构建期间打印出 Grunt.js 配置

我想真正了解Grunt是如何工作的,并能够在以后调试它。如何打印出Grunt在给定时间的所有配置?我希望看到.initConfig、包文件和任何任务级别配置的合并。 最佳答案 您可以像这样设置一个grunt任务来打印出grunt配置:grunt.registerTask('printConfig',function(){grunt.log.writeln(JSON.stringify(grunt.config(),null,2));}); 关于javascript-在构建期间打印出Gru

javascript - 如何通过 url 重写在 Web 元素中正确缩小/合并 CSS/JS

我已经努力了好几个小时,试图设置真正重写url的适当缩小。我用过useref和usemin,它们在扫描html、聚合所有JS和CSS并输出到一个文件方面做得很好。但是,对于我来说,我无法使url重写以正常工作。我的结构很简单:\rootindex.htmlapplication.css//minifiedapplication.js//minified\vendor\bootstrap\fonts//fontfilesherebootstrap.css//pre-minifiedbootstrap.css使用相对url引用字体文件-font/bootstrap_font.ttf当boo

javascript - GruntJS 中的 Try-Catch 任务

有没有办法在GruntJS任务失败时捕捉并采取行动?--force标志没有帮助,因为我需要知道过程中是否出现问题,并采取措施解决。我尝试了一些类似于try-catch的安排,但它不起作用。这是因为grunt.registerTask将任务插入队列-执行不是同步的。grunt.registerTask('foo',"Myfootask.",function(){try{grunt.task.run('bar');}catch(ex){//Handlethefailurewithoutbreakingthetaskqueue}});欢迎有创意的javascript想法以及GruntJS专业

javascript - grunt-ng-constant 目标不能持续工作

我在grunt-ng-constant中遇到了一个奇怪的问题,其中3个目标中只有2个有效。我的配置如下所示:grunt.initConfig({ngconstant:{options:{space:'',wrap:'"usestrict";\n\n{%=__ngModule%}',name:'config'},//Environmenttargetsdevelopment:{options:{dest:'/scripts/config.js',},constants:{ENV:{name:'development',apiEndpoint:'http://your-developmen

javascript - 在没有 grunt 和 gulp 等构建工具的情况下使用 Javascript 框架?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭5年前。Improvethisquestion我正在尝试一些现代Javascript框架,例如Angular、React、Vue和Ember,它们都希望我使用构建工具,例如npm、grunt、gulp,maven等Web编程曾经很有趣。只需更改一些文件,刷新浏览器并查看它是否有效。现在每次我改变一些东西,我都必须重新构建它,这需要相当长的时间。我真的很讨厌看到网络编程变成这样。我知道甚至可以使用这些监视文件更改等的工具自动完成构建,但它仍然很糟糕。我

javascript - Grunt require 未能按预期创建多个模块

我的结构如下:应用程序脚本图书馆jquery.jsbootstrap.jsmoment.js应用程序.jsvendor.jscommon.jsapp.config.jsmain.js#需要配置请注意,vendor.js只是一个包含libs下所有文件的文件。例如//vendor.jsdefine(['jquery','bootstrap','moment'],function(){});只是列出依赖项:app.js依赖common.js和app.config.jscommon.js依赖vendor.jsapp.config.js依赖moment.js我想做的是运行gruntrequire

javascript - 使用 grunt 进行 Angular 缩小会导致 'Failed to instantiate module' 错误

我知道设置Controller、服务、模型等来准备缩小。我有大约20个Controller、模型和服务作为单独的文件,我想将它们全部缩小并连接到一个JS文件中以用于生产。为了了解我是如何设置这些文件的,这里有一个例子:VforumJS.controller('MainController',['$scope','$location','$sce','MainModel','LogModel','MainDebug','timecode','Idle',function($scope,$location,$sce,MainModel,LogModel,MainDebug,timecode

javascript - 如果文件更改,如何自动增加 javascript 版本?

我正在使用grunt按以下顺序构建一个javascript/angularjs项目:cleancopy>uglify>cssmin.现在,如果我更改js文件,我总是必须在脚本标记的末尾手动添加版本增量,以便浏览器可以检测到更改。问题:如何使用grunt自动执行此过程?如果我运行“grunt”命令,只有与上次运行相比发生变化的文件才会获得版本增量。以便浏览器尽可能重用缓存文件。 最佳答案 我知道简短的回答不好(没有足够的代表发表评论),但你可能想结帐grunt-asset-cachebuster.我自己还没有尝试过,但在他们的npm页

javascript - 如果使用 grunt-contrib-imagemin 优化图像,如何处理 Handlebars 模板中的图像

我用yeoman和generator-ember创建了一个ember应用程序。yoember我已将Handlebars模板放在app/templates中,将图像放在app/images中。如果我跑gruntserver一切看起来都很好。如果我跑gruntserver:dist一切看起来都很好,而不是我在Handlebars模板中处理的图像。似乎imagemin任务或其他任务将图像从images/map.jpg重命名为images/667de70e.map.jpg。我的index.html文件中的img标签已更正。但是我的Handlebars文件中的img标签,如templates/m

javascript - grunt 没有在 phantom 上运行 QUnit 测试

我有一个repository它与travis集成在一起。我有QUnit测试,我想从grunt/node服务器端和AMD(requirejs)运行。这是我的AMDinit.js的来源:(function(){require.config({baseUrl:"../src"});require(["../test/suites/basic",'../test/qunit-extend','qunit'],function(BasicTests){QUnit.config.autoload=false;QUnit.config.autostart=false;BasicTests.run()