草庐IT

gulp-browserify-starter-faq

全部标签

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

javascript - Gulp,在 `pipe()` 函数中使用当前文件名

我试图用它自己的json文件在我的gulp源文件中呈现每个文件,但我不知道如何在pipe函数中访问当前文件名。vargulp=require('gulp');varhandlebars=require('handlebars');vargulpHandlebars=require('gulp-compile-handlebars');gulp.task('compile-with-sample-data',function(){varoptions={}returngulp.src('./src/**/*.html').pipe(gulpHandlebars({data:require

javascript - 使用 Browserify 时如何公开 Google map 的回调函数?

我正在使用Gulp和Browserify来捆绑我的JavaScript。我需要公开一个应在GoogleMapsAPI加载后执行的回调函数。如果不使用window.initMap之类的东西,如何做到这一点?这样做的问题是我需要在initMap中触发大量其他方法,因此除了使用window.functionName和污染全局命名空间之外,必须有更好的方法来实现它。另一方面,是否可以只排除callback参数并改为执行类似的操作?$.getScript('https://maps.googleapis.com/maps/api/js').done(function(){initMap();})

javascript - Yarn Workspaces 和 Browserify - 子文件夹中的 package.json 破坏了构建

我的最终目标是在使用Browserify和Babel7的项目中使用YarnWorkspaces。这是我遇到的问题的最小重现。基本上,子文件夹中存在package.json文件(这是使用YarnWorkspaces时所拥有的东西之一)似乎破坏了我的Browserify构建,我不知道为什么。Here'saGitHubrepowithaminimalreproductionoftheproblem.首先,安装依赖项(你可以使用yarn或npm,无所谓):$npminstall然后确认Browserify+Babel构建有效:$npmrunbuild>browserify-babelify-y

javascript - Browserify 在浏览包含 package.json 的文件夹时会覆盖自己的配置吗?

我使用AngularJS创建了一个简单的JavaScript应用程序。我正在使用npm和Bower来管理我的依赖项,Gulp来自动化我的任务,我想使用CommonJS'module.exports/require()将所有内容捆绑在一起:我决定使用Browserify将所有内容捆绑在一起向上。有myveryemptyandcleanprojectonGithub,如果你想看一看。为了能够require('angular'),我配置了Browserify以将AngularJS填充到可用模块中,使用浏览器化垫片。非常简单,这是我的package.json的相关部分:"browser":{"

javascript - 如何使用 Gulp 和 gulp-data 从单个 jade 模板生成多个 html 文件

我正在使用Gulp创建一个静态站点生成器.我想知道如何将每条数据(JSON)通过管道传输到一个jade模板中以生成多个html文件。这是gulp的"template"任务:gulp.task('templates',function(){'usestrict';varmyData=JSON.parse(fs.readFileSync('./_assets/data/content.json'));varmyPages=myData.pages;varmyPosts=myData.posts;gulp.src('./_assets/templates/index.jade').pipe(

javascript - TypeScript、React 和 Gulp.js - 定义 React

我正在尝试创建一个工作流程,我可以在其中使用TypeScript编写React模块并通过Gulp.js自动编译为JavaScript。我正在使用TypeScript1.6.2、gulp-react和gulp-typescript。我的.tsx文件现在看起来像这样:///importReact=__React;interfaceHelloWorldProps{name:string;}varHelloMessage=React.createClass({render:function(){returnHello{this.props.name};}});React.render(,doc

javascript - 如何在 Gulp 4 中使用异步/等待?

我正在尝试做这样的事情:gulp.task("test",async()=>{returngulp.src("**/*.scss").pipe(print((filePath)=>`File:${filePath}`));});(打印为gulp-print)但它给出了以下内容:[22:08:43]Starting'test'...[22:08:43]Finished'test'after12ms[22:08:43]File:src\app\styles\app.scss[22:08:43]File:src\app\styles\test.scss即它在打印消息之前完成。我正在使用Gul

javascript - Gulp 在 Windows 上运行失败 |错误消息 : Microsoft JScript compilation error, 无效字符

我在我的Windows7本地机器上安装了Node.js如下链接所示:install-node-js-npm-windows之后我通过命令行通过这个命令安装了Gulp.js:npminstall-ggulp然后我将此路径添加到环境变量区域:C:\Users\Majid\AppData\Roaming\npm\node_modules\gulp\bin现在,当我尝试通过此命令运行gulp时:gulp我得到了这个错误:WindowsScriptHostLine:1Char:1Error:InvalidcharacterCode:800A03F6Source:MicrosoftJScriptc

javascript - 如何在终端中运行 gulp 任务

我是gulp的初学者。我在gulp.js中创建了一个名为task1的任务,当我尝试在命令行中使用“gulptask1”执行该任务时,它会在括号编辑器中打开gulp.js文件,而不是在命令行中执行。有人可以帮我解决这个问题吗我的gulp文件中的代码是vargulp=require('gulp');varjshint=require('gulp-jshint');varjscs=require('gulp-jscs');gulp.task('task1',function(){returngulp.src(['./src/**/x.js','./*.js']).pipe(jscs()).p