草庐IT

gulp-babel

全部标签

javascript - 如何使用具有多个入口点的 Webpack 和 Gulp 来转换应用程序和测试目录?

我正在构建一个基本的博客项目来练习使用React、ES6和Mocha测试框架。在我的defaultGulp任务中转换我的ES6测试和应用程序代码时遇到问题。当我运行default任务并将./test/posts.js的内容更改为watch时出现此错误生效:[11:17:29]Usinggulpfile~/WebstormProjects/blog/gulpfile.js[11:17:29]Starting'default'...[11:17:29]Finished'default'after8.54msstream.js:75thrower;//Unhandledstreamerror

javascript - 使用 React-Native 运行自定义 Babel 转换

我需要使用babel-plugin-transform-decorators-legacy和React-Native来启用@decorators。如何配置React-Native/Babel来实现这一目标?这与我之前关于如何让@decorators在React-Native中工作的问题有关:https://stackoverflow.com/a/34271636/941058 最佳答案 使用官方Babel预设安装官方BabelpresetsforReactNativeapplications:npmibabel-preset-rea

javascript - 部署到 heroku(gulp 未找到错误)

我已经克隆了meanjs存储库并部署到heroku,但应用程序无法运行并显示以下错误:应用程序错误应用程序发生错误,无法提供您的页面。如果您是应用程序所有者,请查看您的日志以了解详细信息。检查日志,它说:17-04-18T03:16:50.720375+00:00app[web.1]:2017-04-18T03:16:50.730925+00:00app[web.1]:sh:1:gulp:notfound2017-04-18T03:16:50.742737+00:00app[web.1]:npmERR!filesh2017-04-18T03:16:50.743150+00:00app[

javascript - { React jsx babel es6 webpack } 如何在 render 中评论 ( return (//||/**/) )?

我上周开始了一个项目。在回到我的团队之前,我想评论一下我的代码。/*JustfortheSyntaxoutlook*/classFooextendsReact.Components{constructor(props){super(props);}render(){return(/*cannotcommit!!!!**Followingwillthrowerrorwhenbundledwithwebpack*///Thisthrowserroraswell.)}}代码可能看起来像评论一样有效,但当前JSbin的设置未在ES6上设置。当您使用jsx通过webpack运行bundle时,它

javascript - 在浏览器中使用 babel-standalone

我正在使用babel-standalone并且我正在做与https://github.com/Daniel15/babel-standalone/blob/master/examples/scriptTag-src.htm完全相同的事情,但我收到警告Youareusingthein-browserBabeltransformer.Besuretoprecompileyourscriptsforproduction-https://babeljs.io/docs/setup/我不知道该怎么办。它不应该只是将我所有的ES6代码翻译成旧浏览器支持的代码吗? 最佳答

javascript - Babel 通过 _this 转换它

我对工具提示进行了引导修改。并使用webpack/babel处理我的js我的代码的简化可以是:$('[data-toggle="tooltip"]').tooltip({title:()=>{return$(this).children('.tooltip-html-content').html();}});这应该是元素,bootstrap将调用此函数:getTitle:function(){vartitle,$e=this.$element,o=this.optionstitle=$e.attr('data-original-title')||(typeofo.title=='fun

javascript - 尝试使用@别名时,Jest 找不到@babel/code-frame

我们的应用程序使用importES2015风格语法导入文件,利用Webpack4.6.0对ES2015模块的原生支持。我们还使用别名来缩短我们的相对文件路径。Webpack.conf.jsresolve:{extensions:['.js','.json','.less'],alias:{'@':resolve('public/js'),'handlebars':'handlebars/dist/handlebars.js',},modules:['less','node_modules']},example.jsimportwidgetfrom'@/widgets/widget';文

javascript - 在 gulp.series() 中使用 del

我尝试在gulp4中启动任务之前清理文件夹vargulp=require('gulp');vardel=require('del');gulp.task('clean',function(){del.sync('folder/*');});gulp.task('foo',gulp.series('clean','something'));它不起作用,因为'clean'任务必须返回一些流。我找到了解决方法:gulp.task('clean',function(){del.sync('folder/*');varemptyStream=gulp.src([]).pipe(gulp.dest

javascript - Babel 中的转换插件与语法插件

我想在我的webpack设置中使用Classproperties。跟着这本书(www.survivejs.com),我注意到作者在.babelrc文件中添加了2个插件:babel-plugin-syntax-class-propertiesas以及babel-plugin-transform-class-properties。查看syntax-class-properties的babel文档,它指出:SyntaxonlyThispluginonlyallowsBabeltoparsethissyntax.Ifyouwanttotransformitthenseetransform-cl

javascript - 根据 NODE_ENV 设置 gulp 任务

有没有办法根据设置的NODE_ENV指定gulp任务?例如在我的package.json文件中,我有类似的东西:"scripts":{"start":"gulp"}我有多个gulp任务gulp.task('development',function(){//rundevrelatedtaskslikewatch});gulp.task('production',function(){//runprodrelatedtasks});如果我设置NODE_ENV=productionnpmstart,我可以指定只运行gulpproduction吗?或者有更好的方法吗?