草庐IT

gulp-typescript

全部标签

javascript - Browserify 错误结束 gulp 监视任务

我的gulpfile.js中有以下设置:gulp.task('browserify',function(){browserify(config.paths.browserifyEntry).transform(reactify).bundle().pipe(source('master.js')).pipe(gulp.dest(config.paths.dist))//.pipe(connect.reload());});gulp.task('watch',function(){gulp.watch(config.paths.components,['browserify']);gul

javascript - gulp pipe(gulp.dest()) 不产生任何结果

我目前正在学习gulp.js。当我看到gulp.js的教程和文档时,这段代码:gulp.src('js/*.js').pipe(uglify()).pipe(gulp.dest('minjs'));创建丑陋的javascript文件,创建名为“minjs”的新目录。当然,我使用--dev-save选项安装了gulp-uglity。控制台上没有错误消息,所以我不知道是什么问题。我尝试使用“sudo”进行gulp,但仍然无法正常工作。所以我去了根目录并搜索了所有文件系统,但没有名为“minjs”的文件,所以我猜它只是无法正常工作。为什么会这样?任何人都知道这个问题,这很好。完整源代码:va

javascript - 你能在 TypeScript 接口(interface)中定义字符串长度吗?

我有一个这样的结构:structtTest{charfoo[1+1];charbar[64];};我有TypesScriptexportinterfacetTest{foo:string;bar:string;}有没有办法将[64]和[1+1]添加到类型中? 最佳答案 正如评论所说:js/ts不支持char类型,无法声明数组/字符串长度。不过,您可以使用setter强制执行:interfacetTest{foo:string;}classtTestImplementationimplementstTest{private_foo:s

javascript - 如何使用 Gulp 通过 SSH 复制文件夹?

我最近一直在尝试gulp,并取得了很大的成功,但现在我被难住了。我正在构建所有内容,之后我想上传一个文件夹。我已经使用gulp-scp2为此创建了一个deploy任务:gulp.task('deploy',['clean','build'],function(){varprivateKeyPath=getUserHome()+'/.ssh/id_rsa';gulp.src('public/dist').pipe(scp({host:'myhost',username:'user',dest:'/home/user/test',agent:process.env['SSH_AUTH_SO

javascript - 如何缩小 gulp-webpack 文件?

有如下情况:gulp.task('webpack',function(cb){gulp.src('webpack-init.js').pipe(webpack({output:{filename:'bundle.js',},})).pipe(gulp.dest('./client/js'));cb();});一切正常,但我想缩小输出文件。如果我直接使用gulp-uglify-.pipe(webpack(...)).pipe(uglify().on('error',gutil.log)).pipe(gulp.dest('./client/js'));有一个错误:“意外的标记:punc()

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