草庐IT

gulp-babel

全部标签

javascript - Coffeescript + Browserify + Gulp + Uglify

几乎一整天都在做这个,我不知道如何让它正常工作。正如主题所暗示的那样,我很难让这个设置正常工作。我有一个使用Browserify用Coffeescript编写的项目。我正在尝试编写一些Gulp构建任务,这些任务将Uglify生产输出......非常标准。这是我当前的gulpfile设置:gulp=require'gulp'browserify=require'browserify'source=require'vinyl-source-stream'buffer=require'vinyl-buffer'uglify=require'gulp-uglify'#Bundletaskgul

javascript - 使用 Webstorm (Babel) 进行 ES6 调试

有webstormv10,babelfile-watcher工作正常,一切都很好。现在我想调试代码,有什么方法可以调试ES6文件本身,还是必须在编译的JS输出文件babel上调试?请指教。 最佳答案 Jetbrains'ticketsystem中存在与此相关的问题.我认为这个问题已经解决了。另见对应的GitHubissueintheBabelrepo.有一个examplesetuponJetbrains'blog,基本上设置了babel标志,例如--source-maps。这可能是一个duplicate.

javascript - 在没有 grunt 和 gulp 等构建工具的情况下使用 Javascript 框架?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭5年前。Improvethisquestion我正在尝试一些现代Javascript框架,例如Angular、React、Vue和Ember,它们都希望我使用构建工具,例如npm、grunt、gulp,maven等Web编程曾经很有趣。只需更改一些文件,刷新浏览器并查看它是否有效。现在每次我改变一些东西,我都必须重新构建它,这需要相当长的时间。我真的很讨厌看到网络编程变成这样。我知道甚至可以使用这些监视文件更改等的工具自动完成构建,但它仍然很糟糕。我

javascript - NodeJS & Gulp Streams & Vinyl File Objects - Gulp Wrapper for NPM package producing incorrect output

目标我目前正在尝试为NPMFlat编写一个Gulp包装器可以很容易地在Gulp任务中使用。我觉得这对Node社区很有用,也可以实现我的目标。Therepositoryishereforeveryonetoview,contributeto,playwithandpullrequest.我正在尝试制作多个JSON文件的扁平化(使用点表示法)副本。然后我想将它们复制到同一个文件夹并修改文件扩展名以从*.json更改为*.flat.json。我的问题我在JSON文件中返回的结果看起来像乙烯基文件或字节码。例如,我希望输出像"views.login.usernamepassword.login

javascript - Gulp Git 先运行提交任务然后推送任务

我正在做项目,我想通过gulp提交和推送git,但是当我运行git任务时我遇到了一些问题,所以推送然后任务不等待提交....任何人都可以帮到我!我想让任务像第一次运行提交然后自动推送并且在完成提交任务之前不运行推送任务....GulpGit提交和推送的Gulp任务!vargulp=require('gulp'),runSequence=require('run-sequence'),gutil=require('gulp-util'),git=require('gulp-git'),prompt=require('gulp-prompt');/*tasktocommitandpusha

javascript - 将 webpack 和 babel 与父项目目录中的文件一起使用

我有一个这样设置的项目,我正在尝试从file-b.js中获取file-a.js。project-name/node_modules/src/file-a.jstools/tool-name/node_modules/src/file-b.jswebpack.config.jspackage.jsonpackage.json我的webpack1.13.0配置一直有效,直到我添加了babel-loader6.2.4和babel-preset-es20156.6.0.然后我开始收到错误消息。ERRORin/home/dan/dev/dan/project-name/src/file-a.js

javascript - 找不到兼容版本 : babel-plugin-transform-decorators@^6. 13.0

很明显,当我运行npminstall时,突然出现以下错误:npmERR!Nocompatibleversionfound:babel-plugin-transform-decorators@^6.13.0npmERR!Validinstalltargets:npmERR!6.8.0,6.6.5,6.6.4,6.6.0,6.5.0,6.5.0-1,6.4.0,6.3.13,6.2.4,6.1.18,6.1.17,6.1.10,6.1.5,6.1.4,6.0.14,6.0.2我在package.json中有以下依赖项。我已经尝试将babel包更新到最新版本,以及安装babel-plugin

javascript - babel-preset-env 不使用 webpack 转译箭头函数

我正在将babel与webpack结合使用,我试图让箭头函数与InternetExplorer一起工作,但我无法让它工作。这是我的package.json开发依赖项:"devDependencies":{"babel-core":"^6.26.3","babel-loader":"^7.1.5","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.7.0","webpack":"^3.12.0","webpack-cli":"^3.1.0"}这是我的webpack.config.js:mo

javascript - 如何覆盖babel的预设插件选项

我正在使用babel-preset-react-app通过以下.babelrc:{"presets":["react-app"],"plugins":["transform-es2015-modules-commonjs","transform-async-generator-functions"]}我需要覆盖babel-plugin-transform-runtime选项。我尝试通过以下方式安装插件并将其添加到.babelrc中:{"presets":["react-app"],"plugins":[["babel-plugin-transform-runtime",{"helper

javascript - 如何在没有 bundler 的情况下使用 Babel,但具有类似于 webpack 的开发体验?

我正在尝试使用ES6modules构建一个新项目没有捆绑。我还是想用babel-7将TypeScript和JSX翻译成JS。我发现很难弄清楚如何为它设置开发服务器。我找不到任何类似于webpack-dev-server的“babel-dev-server”(热模块重新加载、浏览器同步、文件观察器)。一种可能是使用browsersync作为静态服务器,例如dist并并行运行类似babelsrc--out-dirdist--watch的东西。但这不包括热重载,对我来说似乎有点笨拙。此外,如果您可以为JS文件提供哈希以更好地控制缓存,那么它对于构建和开发步骤仍然有用。或者我可以配置像webp