草庐IT

grunt-typescript

全部标签

javascript - Grunt Globbing 模式

实现以下目标需要什么模式。匹配.tmp目录下的所有html文件>匹配.tmp/views中的所有html文件及其所有子目录(递归到任意深度)这是在Grunt文件中注册livereload任务。我尝试了以下几种配置。它匹配.tmp中的所有文件,但不匹配.tmp/views中的所有文件也试过了,'.tmp/{,views/**/}*.html'但结果相同。livereload:{options:{livereload:LIVERELOAD_PORT},files:['.tmp/{,views/**}*.html']} 最佳答案 你应该能

javascript - 动态访问类 TypeScript 的方法

我正在尝试使用TypeScript中先前设置的变量的值动态访问类的方法。类似的东西:classFoo{bar(){}}varmethodName="bar";varfooBar=newFoo();fooBar.methodName();//IwouldlikethistoresolvetofooBar.bar();例如,在PHP中我可以执行以下操作:classFoo{publicfunctionbar(){}}$methodName="bar";$fooBar=newFoo();$fooBar.$methodName();//resolvestofooBar.bar();谁知道这是否可

javascript - import * vs import { specificName } 在 Typescript/ES6 中?

声明declaremodule"MyModule"{exportfunctionFoo(){...}exportfunctionBar(){...}}我只需要Foo某处,我应该如何导入它?import*asMyModulefrom"MyModule";MyModule.Foo();或import{Foo}from"MyModule";Foo()哪个比另一个好?以第一种方式导入所有导出是否有任何性能影响?我在发布问题之前阅读的一些引用资料:https://www.exratione.com/2015/12/es6-use-of-import-property-from-module-is

javascript - 如何使 webpack typescript react webpack-dev-server 配置以自动构建和重新加载页面

我的意图是有这样的目录结构:-/my-project/--/src/(hereareall.tsxfileslocated)--/dist/-index.html-/build/-bundle.js--/node_modules/--package.json--tsconfig.json--webpack.config.js所以,我想要我的index.html,它是在/dist子目录中手动创建的,在它里面我想要/buildsubdir,webpack制作的app.js所在的位置。我希望当我保存一些位于我的/src目录中的.tsx文件时,webpack会自动重建app.js并且webpa

javascript - TypeScript:标记的模板文字显示错误

我正在尝试使用taggedtemplateliteral带有typescript的ES5,但似乎typescript没有完全支持它。我有以下代码。classTemplateLiterals{age:number=24;name:'LukeSkywalker'privatetag(strings:string[],personExp,ageExp):string{varstr0=strings[0];//"that"varstr1=strings[1];//"isa"varageStr;if(ageExp>99){ageStr='centenarian';}else{ageStr='yo

javascript - 使用 TypeScript 和 React 输入 redux forms v7

我有一个简单的react-redux驱动的表单。我希望有一个form.container.tsx和一个form.component.tsx,其中form.container.tsx包含与redux状态减去Field的所有连接。我试图将我的容器包装在react-redux的连接中,然后将reduxForm包装在其中,看起来像TypeScript,redux-formandconnect:(理想)form.container.tsx:interfaceDummyFormContainerProps{}exportconstDummyFormContainer:React.SFC=props

javascript - 使用 grunt 对单个 javascript 文件进行 linting 时如何解决依赖关系?

我想将我的应用程序逻辑分成多个Javascript文件,以保持完整性和开发人员友好性,并存储在/src文件夹中。这些文件应该在构建过程中被检查并连接到/dist/app.js中。我在构建过程中使用grunt,因为它已经带有方便的lint和concat任务。+|-grunt.js|-readme|-vendors|-backbone.js|-src|-core.js|-user.js|-dist|-app.js我遇到了一个烦人的问题。我将backbone.js用于应用程序结构,我的大部分源文件都是从通过扩展Backbone.Model定义模型开始的。当检查这些文件时,JSHint提示说B

javascript - 在文件之间添加断行 Grunt - concat

我想知道当我们使用Gruntconcat连接文件时是否有办法在每个文件之间添加一行。因为文件末尾的一些内联注释导致我出错,当它们被合并时,注释也是下一个文件的第一行。实际上有点棘手,我正在手动删除这些评论,但如果我能明确避免这个问题,可能会更好。只需为每个文件添加一行concat可能会很棒。接下来我将使用Grunt-uglify删除评论和空格。 最佳答案 https://github.com/gruntjs/grunt-contrib-concat提到了separator选项,甚至给出了使用自定义分隔符的用法示例。这是他们的例子:g

javascript - typescript :如何从javascript文件导入类?

我愿意:导入定义类的js文件:./myClass/index.js在某处声明MyClass的公共(public)方法(在index.ts或指定的声明文件中,我真的不知道该怎么做)有一个公开类的typescript文件:index.ts有点像//index.tsimportMyClassfrom'./myClass'//orrequire,oranythingthatwouldworkexport{MyClass}和//myClass/index.jsexportdefaultclassMyClass{...}这显然是行不通的,因为./myClass/index的导入将找不到模块。问题是

javascript - IHttpPromise 使用 TypeScript 2.5 错误地扩展了 IPromise

我开始使用Typescript2.5,现在我在Angulartypescript定义文件中收到以下代码消息:interfaceIHttpPromiseextendsIPromise{success(callback:IHttpPromiseCallback):IHttpPromise;error(callback:IHttpPromiseCallback):IHttpPromise;then(successCallback:(response:IHttpPromiseCallbackArg)=>IPromise,errorCallback?:(response:IHttpPromise