草庐IT

gulp-babel

全部标签

javascript - .babelrc 中指定的 Babel 6 预设不起作用

正如标题所暗示的,基本上根据文档,对于新的Babel6,我们现在应该传入插件/预设,因为默认情况下它不会对我们的代码做任何事情。所以我在我的项目目录中创建了一个.babelrc文件,其中包含以下内容(就像在文档中一样){"presets":["es2015"]}但是这是行不通的。因为我使用的是webpack和babel-loader,所以我遇到了一个不同的答案,建议在webpack配置中加入这样的内容:{test:/\.js$/,exclude:/node_modules/,loader:"babel",query:{presets:["es2015"]}}这行得通。所以我的问题是,这

javascript - 如何将参数传递给 babel 6 中预设的插件?

我有一个reactpreset,我想将pragma参数传递给transform-react-jsx。现在我正在安装transform-react-jsx分别设置我的.babelrc如下:{"presets":["react"],"plugins":[["transform-react-jsx",{"pragma":"dom.hJSX"}]]}但我想知道是否有另一种方法可以将设置传递给预设中的插件。 最佳答案 所以我找到了babelgithub,正如我现在发现的那样thereisnoway将设置传递给预设中的插件。好的一面是anoth

javascript - Web api - 使用 Gulp 任务动态设置端点地址

如我之前的问题所述:Asp.netwebAPI2separationOfWebclientandwebserverdevelopment为了完全分离客户端和服务器,我想设置一个变量来保存客户端请求的终点。当开发客户端时,请求将被发送到一个返回默认值的“stub服务器”,这样就可以在不依赖于服务器端开发的情况下开发客户端。该stub服务器运行在与真实服务器端口不同的一个端口上,并且在服务器和客户端之间运行集成时,在分支集成中,变量将保存真实服务器端口。就此而言,我了解到Gulp等构建工具可以帮助我。我正在使用Tfs源代码管理。例如,我想要的是编写一个功能如下的任务:gulp.task('

javascript - 使用 Gulp 远程导入字体

所以我注意到我当前的Gulp设置没有导入远程字体,例如谷歌字体。在我的main.scss文件中我有:@importurl(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,700italic,400italic,900,900italic);当它编译缩小后看起来像这样:@font-face{font-family:Lato;font-style:normal;font-weight:100;src:local('LatoHairline'),local('Lato-Hairl

javascript - gulp-sourcemaps 不适用于 babel 6

因此,babel发布了截然不同的版本6。源map显示不正确(在Chrome开发人员中单击js文件不会引导我到es6源文件中正确的对应行)。这是我的gulpfile:"usestrict";vargulp=require("gulp"),sourcemaps=require("gulp-sourcemaps"),babel=require("gulp-babel"),uglify=require('gulp-uglify'),rename=require('gulp-rename');varpaths=['dojo-utils','dom-utils/dom-utils','esri-u

javascript - Gulp-inject 说 "Nothing to inject into index.html"

我试图在我的索引中注入(inject)一些文件,所有这些文件都连接并缩小到一个.tmp文件夹中,如下所示:gulp.task('prep-js',['clean'],function(){varjspath='./src/page/**/*.js';vartreatJs=gulp.src(jspath).pipe(plugins.concat('scripts.js')).pipe(plugins.uglify()).pipe(gulp.dest('.tmp/page/js'))});但是当我运行注入(inject)任务时,它显示“没有任何东西可以注入(inject)到index.ht

javascript - 从 gulp 运行时在 Webstorm 中调试 Node js

我对此很陌生,但我确实尽了最大努力寻找答案。我使用yeoman生成了一个应用程序。(使用'angularfullstack'-https://github.com/angular-fullstack/generator-angular-fullstack)它有一个运行nodemon的gulpfile.babel.js配置文件。我要做的是让gulp服务nodemon实例命中我的Webstorm断点。到目前为止我尝试了什么:--定期调试。(微不足道..)但是当Node遇到ECMA6语法时,它似乎会发送异常。(仍然..我宁愿运行gulp实例也不愿从webstorm运行它。)--使用--deb

javascript - 如何减小 babel-polyfill 的大小(缩小后 150 KB)?

我刚刚设置了新的webpack4项目,并在我的主js文件中导入了babel-polyfill导入'babel-polyfill';在webpack生产构建之后,我用source-map-explorer分析了我的bandle我看到了这样的图片所以babel-polyfill(core-js)占用了150Kb,这在我看来太多了。有什么想法可以减小尺寸吗?我不想包含任何特定的polyfill(应该有一些tree-shaking,所以应该删除未使用的代码?)。我使用这个样板:https://github.com/flexdinesh/react-redux-boilerplate/tree/

javascript - Gulp 在 uglify() 未处理的错误事件上失败

我在执行squish-jquery任务时遇到了问题。当它运行时,它抛出这个错误:Starting'squish-jquery'...events.js:85thrower;//Unhandled'error'event^ErroratnewJS_Parse_Error(/Users/shill7/Documents/socialprojects/social-ops-dashboard-angular/node_modules/gulp-uglify/node_modules/uglify-js/lib/parse.js:196:18)atjs_error(/Users/shill7/

javascript - 如何使用 Gulp 插件通过 del 进行通知?

这应该很容易...我正在尝试创建删除已完成的通知。删除=https://www.npmjs.com/package/del通知=https://www.npmjs.com/package/gulp-notify我有:gulp.task('clean',function(){returndel(['distFolder']);});在重建之前清除distFolder中的所有内容。我想做的是如下所示:gulp.task('clean',function(){returndel(['distFolder']).pipe(notify('Cleantaskfinished'));});上面返回