grunt-contrib-requirejs
全部标签 我有一个使用RequireJS2.1.8的Backbone应用程序(即,我所有的BackboneView都使用define()来指定它们的依赖项)。一切正常,现在我正在尝试使用r.js(通过NPM安装)将我所有的JavaScript连接/缩小到一个文件中。我如何设置排除以特定路径开头的依赖项的r.js配置?我在下面包含了我的main.js文件。在这种情况下,我希望“构建的”输出文件排除第3方库(即jquery、backbone等)。此外,我想排除任何以“webapp/”开头的依赖项(例如,“webapp/dynamic_cfg”,这会导致向我的Djang应用程序发送动态生成的JavaS
我有一个grunt任务,它使用grunt.option('foo')查看选项。如果我从grunt.task.run('my-task')调用此任务,我该如何更改这些参数?我正在寻找类似的东西:grunt.task.run('my-task',{foo:'bar'});相当于:$gruntmy-task--foo'bar'这可能吗?(Thisquestion是我遇到的另一个问题,但并不完全相同,因为在这种情况下我无法访问原始任务的Gruntfile.js。) 最佳答案 如果您可以使用基于任务的配置选项而不是grunt.option,这
我还没有找到一种好方法来grunt-uglify分布在多个文件夹中的多个脚本文件,同时保持包括uglified文件在内的文件夹结构完好无损。我想这样做的唯一原因是能够提高我正在处理的网页的“遗留”部分的性能。我找到了一种我不想做的解决方法,因为这会花费很多时间,那就是像这个答案中那样做(他们分别指定每个src和dest对):howtoconfiggrunt.jstominifyfilesseparately我想要实现的一个例子:**srcdir(nouglifyapplied):**src|-app1|-randomFile.js|-scripts|-file1.js|-file2.j
好吧,现在是2016年了。Webpack看起来像是对requirejs的赢家和browserify.我一直在阅读这3种技术,以解决一个非常具体的问题。我想在我的HTML文件(AngularJS应用程序的一部分)中避免这种情况当然,我的HTML文件中这些行的顺序很重要。Bootstrap会要求jQuery等。我发现的第一件事:requirejs。您只需指定如下内容:然后,你用JS解决依赖问题。更进一步,我在这里发现了两种方法:CommonJS(浏览器化)AMD(require.js)Webpack适用于这两种方法,这听起来不错。最后,这3个工具可以用于同一件事:将多个文件捆绑在一个文件中
我正在寻找一种优雅的方法来找出导致超时错误(即未能加载依赖项)的脚本的完整路径。requirejs.onError=function(err){//thisworks:varscript_that_failed_loading=err.originalError.target.src//nowIwant:varthe_script_responsible_for_this=}; 最佳答案 使用loaderlevelerrorbacksrequire(["foo","bar"],function(foo,bar){//performs
我正在尝试将大量使用JavaScript的页面转换为使用TypeScript,并使用RequireJS来管理模块依赖项。我遇到的问题是,除了TypeScript文件之间的相互依赖性之外,该页面还依赖于一些与系统其他部分共享但尚未转换为AMD的常见JavaScript文件。把非AMD的脚本放在普通的里面是不是很危险Require标签上方的标签,并假设它们已加载?如果这是个坏主意,那么处理这个问题的更好方法是什么?我需要每个脚本的AMD和非AMD版本吗?或者我是否需要转换所有脚本以便它们可以选择调用define()? 最佳答案 Requ
第一次使用这个任务,我想要实现的是:将所有目录/文件从src/js/bower_components/*复制到build/assets/js/vendor/我试过使用cwd属性,但是当我使用它时它根本不起作用。我将它设置为:src/js/bower_components/来自src.├──Gruntfile└──src└──js└──bower_components└──jquery我目前得到:.├──Gruntfile└──build└──assets└──js└──vendorsrc└──js└──bower_components└──jquery我想要什么.├──Gruntfil
我正在寻找一个grunt插件,它会自动更改对html文件中静态Assets(js/css)的引用,如下所示:我在gruntjs.com/plugins->“版本”中进行了搜索,但似乎所有这些都更改了文件的实际版本而不是对它们的引用。我错过了吗?是否有可以执行此任务的插件? 最佳答案 为此我使用grunt-filerev用于版本控制和grunt-usemin用于自动更新源文件中的引用。这两个模块可以很好地协同工作(使用filerev提供的映射替换引用)希望对你有帮助编辑一些代码示例(只向您展示您的案例中有趣的地方):我只在打包我的应用
我是requireJS的新手,我想学习它,以便我可以在我当前的应用程序中使用它。在阅读requireJS的API文档时,我遇到了bundles(http://requirejs.org/docs/api.html#config-bundles)作为requireJS的配置选项requirejs.config({bundles:{'primary':['main','util','text','text!template.html'],'secondary':['text!secondary.html']}});require(['util','text'],function(util,
我正在使用gruntjs(它使用uglifyjs)构建我的Angularjs应用程序。但是uglifyjs还是不支持es6,所以在相应的GitHub问题中我找到了this.所以现在有了uglify-es,貌似支持es6。但我不确定如何将它与grunt集成。现在我有模块"grunt-contrib-uglify",它有一个依赖项uglifyjs,现在正在使用。我怎样才能让grunt改用uglify-es? 最佳答案 我通过安装支持es6的grunt-contrib-uglify和声分支实现了这一点:npminstallgit://gi