jjzjj

Gulp-sourcemaps

全部标签

javascript - gulp-jscs 自动修复不起作用

我的gulpfile.js中有以下代码gulp.src(['server.js']).pipe(jscs({fix:true})).pipe(gulp.dest('prod-app'));但在prod-app/server.js中与server.js是同一个文件。没有任何修复。如何解决? 最佳答案 你可以阅读base选项来一起修改很多脚本here并像这样使用它:gulp.task('lint-jscs-fix',function(){返回gulp.src(quantumArtScripts,{base:'./'}).pipe(jsc

javascript - 当 gulp 为应用程序提供服务时,如何在 webstorm 中调试 Javascript

在Webstorm中,我正在运行gulpserve任务来启动localhost:9000stubAngular项目,该项目由yo生成。我正在尝试调试JavaScript代码,这是我尝试过的:我将gulp作为调试任务运行,我只能调试gulp文件行我尝试在JavaScript之前运行gulpserve,它开始服务,而Webstorm从未启动它的JavaScript调试session我尝试运行JavaScript调试,但我的代码中没有出现断点。这种情况下的工作流程是什么?附言。我不想在chrome开发人员工具中调试代码,我希望我的断点在Webstorm中工作 最佳

javascript - 如何在 sourcemaps 中使用断点 (Chrome DevTools)

我在我的业余项目中添加了一些东西,例如Babel和闭包编译器,结果发现Chrome没有在我的映射文件中命中断点。这是重现问题的片段:functiontest(){console.log("Breakme")}test();//#sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRlc3QuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxTQUFBLElBQUEsR0FBQTtBQUNBLFlBQUEsR0

javascript - 如何使用 Gulp 压缩 ES6

我对手动编写gulpfile.js比较陌生。我有一个基于Backbone和Marionette的项目,到目前为止,gulp文件如下所示:vargulp=require('gulp');var$=require('gulp-load-plugins')();varbrowserify=require('browserify');vardel=require('del');varwatchify=require('watchify');varsource=require('vinyl-source-stream');varstylish=require('jshint-stylish');

javascript - Gulp Watch Concat 有时会忽略一些 JS 文件

我有一个Gulpconcatwatch任务设置来连接一些JS文件:varsources=['public/js/scriptA.js','public/js/scriptB.js','public/js/scriptC.js','public/js/scriptD.js','public/js/scriptE.js'];gulp.task('main.js',function(){returngulp.src(sources).pipe(concat('main.js')).pipe(gulp.dest('./public/js'));});gulp.task('watch',func

javascript - gulp-connect 和 connect.reload

我正在尝试设置一个简单的服务器来测试一些d3.js的东西。我正在关注tagtree.tv上的截屏视频。我的代码与他的相匹配,但是当我更改我的JS或SASS文件时,我无法让我的index.html重新加载。据我所知,我是gulp的新手,但这是基于我的假设,即调用connect.reload()将重新加载正在查看其内容的任何浏览器。应该注意的是,livereloadJS被插入到我的index.html文件中。我的目录结构如下:d3play-bower_components-dist-css-scripts-node_modules-sass-scriptsgulpfile.jsindex.

javascript - Gulp Browserify 中的标准错误日志

有了这个任务:gulp.task("es6",function(){returnbrowserify({entries:'src/main/es6/main.js',extensions:['.js'],debug:true}).transform(babelify).bundle().pipe(source('superpos.js')).pipe(streamify(uglify())).pipe(gulp.dest('src/main/webapp'));});我得到这种错误日志:清晰漂亮,我喜欢。但是为了让我的watch继续运行,我需要处理错误而不是让它过去,比如....tra

javascript - 使用 gulp-useref 和 gulp-less 编译 LESS?

我正在尝试使用gulp-useref插件编译我的LESS文件,但好像gulp-less插件从未在管道中输出我的LESS文件的编译版本。LESS文件在未编译的情况下与其他CSS文件连接在一起。我尝试仅使用gulp-less单独编译我​​的LESS,它运行良好,但我不知道为什么它似乎与gulp-useref插件冲突。这是我的gulp文件:vargulp=require('gulp');varrm=require('gulp-rimraf');vargulpif=require('gulp-if');varless=require('gulp-less');varcssmin=require

javascript - 如何使用sourcemaps恢复原文件?

我有一个使用Babel从ES6转换为ES5的文件。我有源图。我假设我可以使用这些资源恢复原始文件(它在ES6中编写时的样子)。它是怎么做到的?是否有CLI工具可以执行此操作? 最佳答案 在文本编辑器中打开源映射,您会发现它主要只是一个简单的JSON对象。“源”字段包含所有源文件的URL/路径数组,可以帮助您找到它们。还有一个可选的“sourcesContent”字段,它也是一个数组,其中每个项目都包含“sources”数组中相同索引处的文件的内容;如果是这样,您可以在源映射中找到原始代码。CLI工具?嗯,有source-map-vi

javascript - 使用 TypeScript 和 Babel gulp sourcemaps

我目前正在编写一个业余项目,在那里我可以了解有关TypeScript和ES6(使用babel)的更多信息。我想在我的TypeScript中使用ES6,所以我决定采用以下工作流程。Typescript(ES6)->Babel(ES6)->ES5现在我正在使用Gulp自动执行所有这些操作,但我很难让源映射正确生成。我应该提一下,这个样式是/r/typescript上的一个用户向我推荐的,所以我什至不确定它是否可行。无论如何这是我当前的gulp任务varserver=$.typescript.createProject('src/server/tsconfig.json');gulp.tas