草庐IT

gulp-babel

全部标签

javascript - Webpack 2 - babel-loader - 如何排除 node_modules?

自从我升级到Webpack2后,我的“规则”中不能有“排除”。也无法将“排除”传递给“选项”。现在正确的做法是什么?之前:{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/,}现在:{test:/\.js$/,use:[{loader:'babel-loader'}]???}整个配置:constpath=require('path');//constautoprefixer=require('autoprefixer');constpostcssImport=require('postcss-import');const

javascript - 没有 'new' 无法调用 ES6/Babel 类构造函数

我正在尝试创建自定义Quill主题,扩展气泡主题。我面临一个奇怪的ES6继承问题,似乎我无法在我的构造函数中调用super()。这是我的代码:importBubbleTheme,{BubbleTooltip}from'quill/themes/bubble'classLoopThemeextendsBubbleTheme{constructor(quill,options){super(quill,options)}extendToolbar(toolbar){super.extendToolbar(toolbar)this.tooltip=newLoopTooltip(this.qu

javascript - babel-node 安装 "Only RSA and DSA public keys are allowed"

我在安装babel-node时遇到问题npmi-gbabel-node>babel-node@6.5.2postinstall/Users/.../.../node_modules/babel-node>nodemessage.js;sleep10;exit1;/Users/.../.../node_modules/ssh-key-to-pem/index.js:210thrownewError('OnlyRSAandDSApublickeysareallowed');^Error:OnlyRSAandDSApublickeysareallowed 最佳答案

javascript - gulp-filter 没有正确过滤掉排除的文件

我正在尝试在一个项目中使用gulpjs而不是grunt。在我的代码上运行jsHint时,我试图使用gulp过滤器忽略vendor库。我的代码基于自述文件示例中的代码,但文件未被过滤。我正在运行Node0.10.26、gulp3.8.0和gulp过滤器0.4.1我正在尝试在包含许多其他JS文件目录的目录wcui/app/js上运行jshint,总共大约有120个js文件。我只想排除vendor目录。我的代码是这样的:vargulp=require('gulp');vargulpFilter=require('gulp-filter');varjshint=require('gulp-js

javascript - Gulp with browserify : Cannot find module src/js/main. js

我正在尝试使用Gulp和browserify进行基本build设置,但在尝试运行默认任务时不断看到此错误:Error:Cannotfindmodule'src/js/main.js'from'/Users/ben/dev/git/myapp/'gulp文件.jsvargulp=require('gulp');varbrowserify=require('browserify');vardel=require('del');varsource=require('vinyl-source-stream');varpaths={main_js:['src/js/main.js'],js:['

javascript - gulp-jscs 自动修复不起作用

我的gulpfile.js中有以下代码gulp.src(['server.js']).pipe(jscs({fix:true})).pipe(gulp.dest('prod-app'));但在prod-app/server.js中与server.js是同一个文件。没有任何修复。如何解决? 最佳答案 你可以阅读base选项来一起修改很多脚本here并像这样使用它:gulp.task('lint-jscs-fix',function(){返回gulp.src(quantumArtScripts,{base:'./'}).pipe(jsc

javascript - 使用 Babel 和 Webpack 生成多个输出

我想将我的Javascript应用程序转换成两个不同的Javascript文件:第一个用于旧版浏览器第二个用于现代浏览器计划为现代移动浏览器构建更小的版本,同时仍支持较旧的遗留桌面浏览器。babel-cli允许预设,因此我可以将其设置为“env”,但似乎没有办法在.babelrc这意味着必须更改.babelrc文件。Webpack允许使用babel-loader来指定目标浏览器,但似乎没有办法针对不同的浏览器目标使用它两次环境有什么方法可以简单地实现我所需要的吗? 最佳答案 所以我自己找到了一种方法,不确定它是否是最优雅的解决方案,

javascript - 当 gulp 为应用程序提供服务时,如何在 webstorm 中调试 Javascript

在Webstorm中,我正在运行gulpserve任务来启动localhost:9000stubAngular项目,该项目由yo生成。我正在尝试调试JavaScript代码,这是我尝试过的:我将gulp作为调试任务运行,我只能调试gulp文件行我尝试在JavaScript之前运行gulpserve,它开始服务,而Webstorm从未启动它的JavaScript调试session我尝试运行JavaScript调试,但我的代码中没有出现断点。这种情况下的工作流程是什么?附言。我不想在chrome开发人员工具中调试代码,我希望我的断点在Webstorm中工作 最佳

javascript - 不用Webpack,在客户端使用Babel转译导入导出?

我可以使用Babel编译JSX并通过全局命名空间导出变量吗?我不想运行随机的Webpack服务器。我已经全神贯注于ES6、JSX、Babel和React,对另一个使如此简单的任务复杂化的库不在乎最终我想导出我的React类并导入另一个类。从理论上讲,它应该只在满足依赖项之前阻塞,我不明白这怎么可能是一种反模式,因为我的所有代码和外部依赖项都在本地缓存。这是的默认行为标签,只是不是varmessage="helloworld";console.log(message);//undefined我可以使用ES6导出和导入,但不能使用另一个随机文件服务器 最佳答案

javascript - 如何使用 Gulp 压缩 ES6

我对手动编写gulpfile.js比较陌生。我有一个基于Backbone和Marionette的项目,到目前为止,gulp文件如下所示:vargulp=require('gulp');var$=require('gulp-load-plugins')();varbrowserify=require('browserify');vardel=require('del');varwatchify=require('watchify');varsource=require('vinyl-source-stream');varstylish=require('jshint-stylish');