草庐IT

babel-plugin-component

全部标签

javascript - 如何使用 babel-cli 从转译后的代码中删除注释

我一直在寻找一些.babelrc选项来从转译的代码中删除注释,但我没有找到任何运气。我试过这个:{"comments":false}还有{"options":{"comments":false}}两者都不起作用。我没有想法,而且我无法在任何地方找到任何像样的文档。 最佳答案 始终建议使用.babelrc:{comments:false}如果使用babel-cli,您可以使用--no-comments选项来实现相同的行为。babel-cli的最新版本包括teststhatcheckforthisbehaviourtobeimpleme

javascript - ES2015 Babel 字符串插值不适用于撇号(但适用于双引号)

我正在使用babel/grunt来学习一些ES2015。根据thispost单引号和双引号在Javascript中没有真正的区别。即“测试”和“测试”。虽然在尝试字符串插值时,babeljs似乎存在问题(或者更可能是我)。请问下面的代码有什么问题吗?根据thisdocument,似乎两者都应该有效。Chrome控制台中没有错误。工作Js:varname="Bob",time="today";alert(`Hello${name},howareyou${time}?`);转换为:varname="Bob",time="today";alert("Hello"+name+",howarey

javascript - ng-annotate 错误与 Babel 和解构

使用Babel转译为ES6时出现奇怪的错误,ng-annotate不喜欢解构。我将我的源代码复制到在线babel编译器中,它工作正常。在我的gulp管道链中注释掉ng-annotate可以消除错误。删除文件中的/*@ngAnnotate*/注释并手动注入(inject)也不会改变任何东西。Gulp部分:returngulp.src(config.scripts.app).pipe(changed(config.dist+'/scripts')).pipe(plumber()).pipe(annotate())//Filteroutandtranspileonly.es6.jsfiles

javascript - 为什么 React 应用程序的生产构建(使用 Webpack 和 Babel)使用错误的开发环境和 HMR,这会导致错误?

我正在尝试创建我的React项目的生产版本,但它选择了错误的配置。在开发版本中,我使用的是HMR(热模块更换)。这是在.babelrc中配置的,位于env>development>plugins下。添加额外节点env>production时,它似乎被忽略了。它仍然使用带有HMR的开发配置,这会导致错误:UncaughtError:locals[0]doesnotappeartobeamoduleobjectwithHotModulereplacementAPIenabled.Youshoulddisablereact-transform-hmrinproductionbyusingen

javascript - Browserify 和 Babel gulp 任务

我想在我的JavaScript中同时使用Browserify和Babel。为此,我创建了一个gulp任务gulp.task('babel',function(){returngulp.src('_babel/*.js').pipe(browserify({insertGlobals:true})).pipe(babel({presets:['es2015']})).pipe(gulp.dest('_dev/js'));});不幸的是,当我想在我的代码中使用import时,出现错误:ParseError:'import'and'export'mayonlyappearatthetople

javascript - Angular 2 Material : sidenav toggle from component

我在我的项目中以这种方式使用Angular2Materialsidenav:Close如何从我的组件调用start.toggle()而不是带有点击事件的元素?感谢阅读 最佳答案 你想在你的Controller中声明一个ViewChild来引用你组件中的MdSidenav,像这样://Sidemenu@ViewChild('start')sidenav:MdSidenav;其中start是您要引用的组件的名称,在本例中为sidenav。接下来,您可以在该sidenav上调用方法,例如在您的Controller函数中调用this.sid

javascript - 如何完全禁用 babel transform-regenerator

我正在寻找一种完全禁用babel生成器函数转换的方法。对于babel5有一个blacklist选项,但是对于babel6似乎没有办法做到这一点(至少我没有在官方网站上找到任何文档)。我目前的配置{"presets":["react",],"plugins":["transform-object-rest-spread",]}像这里描述的那样禁用它https://babeljs.io/docs/plugins/transform-regenerator/没有帮助。有什么想法吗? 最佳答案 您尝试过“排除”吗?喜欢:{"presets"

javascript - 导入 React,{Component} 而不仅仅是 React 有什么好处?

写作的主要好处是什么importReact,{Component}from'react';classLinkextendsComponent{...}代替importReactfrom'react';classLinkextendsReact.Component{...}什么时候响应15.4.x??在我的观点和在我的情况下(如果我错了请纠正我)这根本无关紧要,因为:我正在使用webpack2制作我的包;我使用代码拆分将我的应用代码与vendor代码拆分;我使用带有minChunks:Infinity设置的webpack.optimize.CommonsChunkPlugin插件来确保所

javascript - 使用 Babel 扩展 ES6 中的内置原生程序

我正在使用Babel通过内置的原生数组扩展我的类classNewArrayextendsArray{first(){returnthis[0];}}vara=newNewArray(1,2,3);console.log(a.length);//3console.log(a);//[1,2,3]console.log(a.first());//triggererror在a.first()中,我遇到了这个错误:console.log(a.first());^TypeError:a.firstisnotafunction我是否应该做更多的事情来扩展一个内置的native?谢谢!

php - 如何从 Symfony Process Component 使用 sudo 命令?

我正在做一个Laravel项目,我必须生成一个Nginx配置文件并将其存储在/etc/nginx/sites-available目录中,该目录只有管理员用户具有写权限,我在服务器上拥有管理员权限,我只想知道是否有办法使用ProcessComponent执行此操作Symfony堆栈。非常感谢和最好的;) 最佳答案 我建议使用linuxACL,并授予PHP进程写入目录的权限。这样你就不需要sudo。此外,您还需要重新加载nginx进程的权限。恕我直言,在root用户下有一个cronjob,如果它发生变化并且有效,它会重新加载配置,这是一