草庐IT

grunt-contrib-connect

全部标签

javascript - Grunt-eslint 并启用 `--fix` 标志以自动修复违规

我知道eslintCLI本身有一个--fix标志,但我无法从文档中得知如何通过eslintConfig使用它>(在package.json中)或在我的Gruntfile中的grunt-eslint配置中。我在package.json中有以下配置:"env":{"browser":true,"amd":true},"extends":"eslint:recommended",并使用此Grunt配置通过lint任务调用它:eslint:{target:['src/app/**/*.js'],format:'checkstyle'},如何在这种情况下启用--fix标志?

javascript - Connect 不能与 Redux-react 中的 StateLess 组件一起使用

我正在从其他组件调度一个Action,并且商店正在使用svgArr属性进行更新,但是尽管以下无状态组件connect'ed到商店,当svgArr的存储更改时,它不会更新。作为无状态组件,它应该如何表现?还是我做错了什么?constLayer=(props)=>{console.log(props.svgArr);return(hi);};connect((state)=>{return{svgArr:state.svgArr};},Layer);exportdefaultLayer; 最佳答案 您似乎正在导出Layer而不是Laye

javascript - 使用 grunt-contrib-watch 深度单向同步两个目录。代码有效,但 grunt-contrib-watch 重新初始化时间太慢

我有两个目录src和compiled。我想使用GruntWatch确保从src到compiled的单向数据同步.作为中间步骤,我想编译*.less文件以及使用ES6语法编写的*.js文件的子集。我已经成功编写了满足我需要的任务://NOTE:Spawnmustbedisabledtokeepwatchrunningundersamecontextinordertodynamicallymodifyconfigfile.watch:{//CompileLESSfilesto'compiled'directory.less:{options:{interrupt:true,spawn:fa

javascript - 使用 Grunt 迭代模板

我正在构建一个grunt文件,我有2个文件夹需要应用相同的grunt任务。我希望能够使用grunttemplate属性遍历每个文件夹,这样我就不必通过重复配置对象来膨胀我的grunt配置对象。像这样:app1:{name:'app1',src:['src/app/'],jsTpl:['//templates/**/*.js'],js:'/**/*.js'},app2{name:'app2',src:['src/app/'],jsTpl:['//templates/**/*.js'],js:'/**/*.js'},concat:{app1:{src:[''],dest:['dist']}

javascript - 我可以捕获 "can' t establish a connection"失败的 websocket 连接错误吗?

我需要测试是否已建立与我的websocket服务器的连接。此时,我可以连接到服务器,但我希望能够捕捉到该服务器不可达的可能性,所以这个问题是关于当websocket连接无法建立或超时时该怎么办出。仅使用Firefox中的基本websocket代码,它将在大约20秒后超时并调用我的错误处理程序。但它也会抛出一个JavaScript错误(至少对我使用Firebug而言)出现在浏览器中。然后日志显示:Firefoxcan'testablishaconnectiontotheserveratws://192.168.0.1/.到目前为止我尝试了什么:通过添加我自己的window.timeout

javascript - 创建用于处理文件的自定义 grunt 任务

我正在尝试编写一个grunt任务,它将遍历一组输入文件并对每个文件运行转换。假设输入文件由*.in给出,任务将为每个文件创建一个.out文件。根据我的阅读,配置似乎应该是这样的grunt.initConfig({my_task:{src:'C:/temp/*.in',dest:'C:/temp/output/*.out'}});任务注册应该是:grunt.registerTask('my_task','iteratefiles',function(){//iteratefiles.});我不知道如何让grunt向我发送文件列表并遍历它们。知道怎么做吗? 最佳

javascript - Angularjs 缩小使用 grunt uglify 导致 js 错误

在angularjs中,我们将参数作为依赖注入(inject)传递。例如,functioncheckInCtrl($scope,$rootScope,$location,$http){…..….}所以当它被缩小时,它就变成了,functioncheckInCtrl(a,b,c,d){}现在a,b,c,d不会被Angular分别解释为$scope,$rootScope,$location,$http并且整个代码无法工作。为此angularjs提供了一种解决方案,就是checkInCtrl.$inject=['$scope','$rootScope',$location','$http']

javascript - 我正在试用 Grunt,需要一种简单的方法来连接我的模块

这是我第一次使用Grunt,我想让它结合我所有的js模块,每个模块都包装在一个立即执行的函数中,包含一个“usestrict”声明并将它们放入一个文件中,包装只有一个立即执行的函数,只有一个“使用严格”声明。这通常是如何完成的?我认为这是一个常见的用例?也许我以错误的方式处理事情?我是否应该使用其中一种模块加载格式(即commonjs、amd)所有这些文件将始终一起加载到浏览器中,所以如果人们通常这样做的话,我实际上不介意删除所有立即执行的函数。重要的部分是最终结果以某种方式包装,通过lint和单元测试并包含“使用严格”声明。(我应该澄清一下,我确实让它工作、检查、单元测试、连接和缩小

javascript - 注册代码位于外部 JavaScript 文件中的 Grunt 任务

我已经编写了一个函数,我想将其用作Grunt任务。我可以通过将其添加到Gruntfile中来做到这一点:grunt.registerTask('foo',function(){//codehere});但是,将功能代码保存在单独的文件中更有意义。我计划定义一堆这样的自定义任务,我不想让Gruntfile膨胀。我不确定注册此类任务的首选方式是什么。我发现这个工作:grunt.registerTask('foo',function(){require('./path/to/foo.js')(grunt);});因此,我使用了第一个示例中的内联函数,但这次,我加载了一个外部文件并立即调用它。

javascript - react & 归零 : connect() to multiple components & best practices

我正在处理我的第一个React/Redux项目,我有一个小问题。我已阅读文档并观看了https://egghead.io/lessons/javascript-redux-generating-containers-with-connect-from-react-redux-visibletodolist上的教程。.但是我还有一个问题。这是关于登录页面。所以我有一个名为LoginForm的展示组件:组件/LoginForm.jsimport{Component,PropTypes}from'react'classLoginFormextendsComponent{render(){re