草庐IT

gulp-babel

全部标签

javascript - 将 async/await 与 babel 一起使用时 regeneratorRuntime is not defined 错误

我正在使用异步/等待代码,并且收到“regeneratorRuntime未定义错误”。我已经尝试了堆栈溢出的几种解决方案,但我无法使它们中的任何一种起作用。这是我的配置:webpack.config.js:module.exports={entry:['babel-polyfill','./client/libs/compileTemplate/entry.jsx','./client/libs/compileTemplate/loginEntry.jsx'],output:{path:'/dist',publicPath:'/assets',filename:'[name].js'}

javascript - 使用@babel 转译 Array.prototype.flat?

我使用Array.prototype.flat无意中在我的React应用程序中引入了向后兼容性问题。我很惊讶这没有通过转译得到解决——我认为这会产生es2015兼容代码。我怎样才能让Babel7转译这个?(如果我对Babel6中的源代码的阅读是正确的,那么仍然有一个插件,但是自从它开始推广到浏览器支持已经被删除?)工具:@babel/core@7.0.0webpack@4.18.0我的顶级配置文件如下所示:webpack.config.jsvarpath=require('path')module.exports={entry:"./src/index.js",output:{path

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 - Webpack babel-loader runtime : Module build failed: TypeError: this. setDynamic 不是函数

我正在尝试将babel-loader与babel-plugin-transform-runtime一起使用。我已按照以下说明进行操作:https://github.com/babel/babel-loader#babel-is-injecting-helpers-into-each-file-and-bloating-my-code相关代码:rules:[//the'transform-runtime'plugintellsbabeltorequiretheruntime//insteadofinliningit.{test:/\.js$/,exclude:/(node_modules

javascript - babel 装饰器和 TypeScript 的一样吗?

我经常使用TypeScript编写代码,但很少使用babel,我知道TypeScript如何在装饰器上工作,而babel也支持装饰器,它们的行为是否相同? 最佳答案 是的,它们是相同的,从某种意义上说它们产生相同的行为,但它们有不同的实现。两者都遵循ECMAScript规范并尽早为我们带来功能。您可以预期它们两者上的内容将来可能会受到节点或浏览器的支持。代码:functionf(){console.log("f():evaluated");returnfunction(target,propertyKey,descriptor){c

javascript - Babel 不转译从 'node_modules' 导入的模块

我在从node_modules导入模块时遇到问题。由于某种原因,Babel不会转译从node_modules导入的模块,而是转译从src导入的模块。这是一个示例repo:https://github.com/NikitaKA/babeltestma​​in.js//resultcodecontainsconstandlet,butitshouldn't.:(index.jsimportqsfrom'query-string;//nottranspiledimportlibfrom'./lib'//transpiledconstquery=qs.parse(window.location

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