草庐IT

babel-plugin-component

全部标签

javascript - 如何同时使用 'gulp-babel' 和 'gulp-browserify'

我试着写这些代码gulp.task('script',function(){'usestrict'returngulp.src(['app.js','components/**/*.jsx']).pipe(babel()).pipe(browserify()).pipe(gulp.dest("dist"));});但它显示了一些错误:SyntaxError:/Users/Zizy/Programming/learn-react-js/components/CommentBox.jsx:58^ParseError:UnexpectedtokenatwrapWithPluginError(

javascript - 使用 babel-polyfill 的 ChildNode.remove() polyfill

我正在使用ChildNode.remove()并且我由Mozilla描述我需要一个用于IE的polyfill。我正在使用配置了babel-polyfill的webpack:"babel-polyfill":"^6.13.0","webpack":"^2.4.1",webpack.config.babel.js:entry:['babel-polyfill',join(__dirname,path,"index.web.js")],我的假设是babel-polyfill会为我提供我需要的所有常见polyfill-但事实并非如此,我在InternetExplorer11中遇到错误。我错过了

javascript - react .createElement : type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object

预计我应该能够导出我的App组件文件并将其导入到我的index.js中。结果出现以下错误React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:object我的index.jsconstReact=require('react');constReactDOM=require('react-dom');constApp=require('./components/App');require('./inde

javascript - ES6 类的 Mixins,用 babel 转译

根据各种来源(2ality,esdiscuss)应该能够向类中添加混入:EDIT发现类方法不可枚举,因此无法工作。编辑了下面的代码,但仍然没有喜悦classCartoonCharacter{constructor(author){this.author=author;}drawnBy(){console.log("drawnby",this.author);}}//THISCANNOTWORK//classmethodsarenotenumerable//classHuman{//haveFun(){//console.log("drinkingbeer");//}//}letHuma

javascript - 在 Babel 中导出 es6 类 - 找不到模块

我在SO上看到了这两个答案:ExportingaclasswithES6(Babel)TryingtoexportaclassasamoduleES6babel我没有使用Browserify,只使用Gulp和Node,只是想做个前言。文件/文件夹结构:././gulpfile.js./_GULP./_GULP/main_config.es6./_GULP/_classes/Gcfg.es6问题设置我正在导出类Gcfg.es6文件,如下所示:exportdefaultclassGcfg{constructor(){this.rootDir='./';this.latestDir='./_

Angular 2 : getting RouteParams from parent component

如何从父组件获取RouteParams?App.ts:@Component({...})@RouteConfig([{path:'/',component:HomeComponent,as:'Home'},{path:'/:username/...',component:ParentComponent,as:'Parent'}])exportclassHomeComponent{...}然后,在ParentComponent中,我可以轻松获取用户名参数并设置子路由。Parent.ts:@Component({...})@RouteConfig([{path:'/child-1',com

javascript - Animated.Component/createAnimatedComponent(Component) 与 Component 有何不同?

我们正试图从styled-components项目中找出以下问题的原因:https://github.com/styled-components/styled-components/issues/389对refs+setNativeProps进行了一些更改,在一个地方破坏了动画,假设是因为一些动画相关信息没有被正确传递。因此问题是了解createAnimatedComponent如何改变初始组件,添加了什么?如果传递不正确,什么会导致动画中断?如果您知道可能导致此问题的原因,请提供想法/详细答案。更新与问题相关的重大更改发生在thisfile中的某处引用innerRef向下传递ref,

javascript - 使用 babel-preset-env 将 polyfill 作为导入语句更好,还是将它们添加到 webpack.config.js 的条目中更好?

babel-preset-env提供选项useBuiltIns将其应用于babel-polyfill并将import'babel-polyfill'转换为特定的、基于环境的import'core-js/whatever.如果我在我的Webpack入口部分添加babel-polyfill(参见下面的示例),是否应用此转换,或者在那种情况下useBuiltIns被忽略并替换为所有可能的进口?entry:{app:['babel-polyfill','./src/app.js']} 最佳答案 它在您指定时起作用:"presets":[..

javascript - 脚本标签文本/babel 变量范围

首先,我知道text/babel不适用于生产,但我发现它对开发非常有用,因为当我更改我的.jsx文件时django的开发网络服务器将重新加载,而无需我执行任何操作(即在每次更改后将JSX编译为JS)。我无法控制构建环境(例如django),因为这是我未开发的大型系统的小插件。问题是这样的:$(function(){console.log(mything);}mything在main.jsx中,简单如下:varmything="hello";如果main.jsx是javascript(并且相应地更改了脚本标签的类型)那么这将工作得很好。但是作为text/babel,它不会工作,因为myt

javascript - 如何使用 Babel 正确加载 .eot 和 .woff 文件?

尝试运行我的项目并出现以下错误(您可能需要适当的加载程序来处理此文件类型。)对于.eot、.woff、.ttf和.svg文件:ERRORin./src/styles/fonts/nm/icons/nm-icons.svg?aaf8685e87a6901c76c52d0018389547Moduleparsefailed:C:\BaseProject\src\styles\fonts\nm\icons\nm-icons.svg?aaf8685e87a6901c76c52d0018389547Unexpectedtoken(1:0)Youmayneedanappropriateloader