草庐IT

grunt-typescript

全部标签

javascript - 如何使用 TypeScript 为无状态、功能性 React 组件指定(可选)默认 Prop ?

我正在尝试在Typescript中创建一个带有可选props和defaultProps的无状态React组件(用于ReactNative项目)。这对于vanillaJS来说是微不足道的,但我对如何在TypeScript中实现它感到困惑。使用以下代码:importReact,{Component}from'react';import{Text}from'react-native';interfaceTestProps{title?:string,name?:string}constdefaultProps:TestProps={title:'Mr',name:'McGee'}constT

javascript - Visual Studio 2017 中用于 JavaScript 和 TypeScript 文件的 Visual Studio Code 颜色主题

如主题所示,我想在VisualStudio2017中为JavaScript和TypeScript文件导入/设置VisualStudioCode颜色主题。因此,我想为其设置颜色主题的文件是:.js、.jsx、.ts和.tsx。如果无法按文件或语言进行编辑,那么我想知道是否可以导入看起来像VisualStudioCode的整个主题。简而言之,我想要这样:看起来像这样: 最佳答案 我终于找到了方法!长话短说:下载JavaScript.tmLanguage和JavaScript.tmTheme.转到%USERPROFILE%\.vs\Ext

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 - typescript 。使用 "import from"时是否仍需要三斜杠引用

在旧版本的Typescript中,需要添加著名的///标签添加所需的引用。现在在1.6版本之后我们可以使用推荐的ES6方式导入依赖importGreeterfrom"./greeter";我已经阅读了一段时间,但我仍然不清楚是否以及为什么必须完全避免三斜线引用。顺便说一句。如果我们在tsconfig.json中使用filesGlob而不是files,现在编译器会知道编译TS文件的顺序吗? 最佳答案 首先,我认为filesGlob还没有得到官方支持:https://github.com/Microsoft/TypeScript/iss

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 - `(this as any)` 在此 typescript 片段中意味着什么?

我遇到了这段代码,但不明白它到底做了什么:publicuploadItem(value:FileItem):void{letindex=this.getIndexOfItem(value);letitem=this.queue[index];lettransport=this.options.isHTML5?'_xhrTransport':'_iframeTransport';item._prepareToUploading();if(this.isUploading){return;}this.isUploading=true;(thisasany)[transport](item)

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 - 使用 TypeScript 在现有原型(prototype)上扩展实例/静态函数

我最近问了一个关于TypeScript扩展JavaScriptAPI中现有原型(prototype)的能力的问题(此处:ExtendingObject.prototypewithTypeScript)。这原来是一个错误,自TypeScript0.9.0Alpha以来已得到解决(现在包括泛型...很棒:-))在TypeScript中,接口(interface)是开放式的,因此如果您查看lib.d.ts,您会发现一个定义JavaScript对象API契约的接口(interface)。您还应该看到Object的变量声明,它定义了Object的静态函数。为了简单起见,它们在这里://Pulle

javascript - 每个 JavaScript 程序都是 TypeScript 程序吗?

TypescriptLanguageSpecification说:EveryJavaScriptprogramisalsoaTypeScriptprogram现在考虑这段代码:vari=5;i="five";这是一个完全有效的javascript,可以毫无错误地执行。它不是有效的TypeScript,将无法编译。我对上面引用的语句和代码示例的理解显然不匹配。能否请您澄清一下,在我上面给出的示例的上下文中,是什么使规范声明为真。更新为了解决声明不反射(reflect)程序有效性的论点,让我们这样改写它:EveryJavaScriptprogramisalsoavalidorinvalid

javascript - 在 TypeScript 中导入 Victor.js?

我正在尝试使用victor.jsTypeScript项目(3.0.1)中的库,我在尝试导入和使用它时感到非常心痛。我已经从npm安装它以及它的类型(victor@types/victor)。我尝试过多种方式导入它,但似乎无法在我的IDE中将其与类型解析一起导入。我试过这些:import{Victor}from'victor';import*asvfrom'victor';(此模块只能通过打开“allowSyntheticDefaultImports”标志并引用其默认导出来引用ECMAScript导入/导出)importVictor=require('victor');(在针对ecmas