草庐IT

babel-eslint

全部标签

javascript - 基于文件扩展名的不同eslint规则

是否可以根据文件扩展名对文件应用不同的规则?例如,我的源代码中有[test].spec.js测试规范文件,但我喜欢添加仅适用于它们的规则。 最佳答案 这是添加的。文档here文档中的例子{"rules":{"quotes":[2,"double"]},"overrides":[{"files":["bin/*.js","lib/*.js"],"excludedFiles":"*.test.js","rules":{"quotes":[2,"single"]}}]}有效地,您可以提供glob和一组规则,这些规则覆盖匹配每个glob的文

javascript - JS 装饰器的 ESLint 意外字符 '@'

我试图在我的JS项目中使用装饰器,但是ESLint抛出一个错误,指出@符号是一个意外的字符。我的代码:@observableitems=[];我的.eslintrc:{"parserOptions":{"ecmaVersion":6,"ecmaFeatures":{"jsx":true},"sourceType":"module"},"env":{"browser":true,"node":true,"es6":false},"ecmaFeatures":{"modules":true},"rules":{"strict":[2,"global"],"quotes":[2,"singl

javascript - Babel.js 如何创建将类声明编译为 ES2015?

我目前的任务是将JavaScript组件ES5转换为ES6(使用Babel.js编译)。在使用类和Babel.js之前,我们制作了原型(prototype)以从其他组件获取功能。com.company.js.ComponentA.prototype=newcom.company.js.utils.UltraFunctions()现在当使用Babel.js并将ComponentA变成一个类时classComponentA{contructor(){this.property="Proppy";}doStuff(){console.log("doStuff");}}当我在实例化此组件后对其

javascript - 箭头函数在使用 babel 的 React 组件中被认为是意外标记

关闭。这个问题是notreproducibleorwascausedbytypos.它目前不接受答案。这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助future的读者。关闭6年前。Improvethisquestion我在我的一个react组件中有这个功能。exportdefaultclassEventTagsextendsReact.Component{showAll()=>{this.setState({showAll:true,showBtn:false});}}当webpackwatch命中它时,我在箭头

javascript - ESLint 错误尝试部署函数 Firebase

我尝试部署fireabase示例,但是当我尝试部署它时,CLI启动错误:[代码]constfunctions=require('firebase-functions');//toactivatefirebasefunctionsconstadmin=require('firebase-admin');//toactivefirebasedatabasepermissionsadmin.initializeApp(functions.config().firebase);exports.addMessage=functions.https.onRequest((req,res)=>{//

javascript - 模块构建失败(来自 ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-react'

在尝试使用Webpack4和Babel7构建React应用程序时,我遇到了以下错误。ERRORin./src/index.jsModulebuildfailed(from./node_modules/babel-loader/lib/index.js):Error:Cannotfindmodule'babel-preset-react'from'/Users/me/Desktop/reflask'-Ifyouwanttoresolve"react",use"module:react"-Didyoumean"@babel/react"?atFunction.module.exports[

javascript - 从子文件夹运行 eslint 时无法解析相对模块路径

当我从我的存储库的根文件夹运行eslint时,一切运行正常,没有错误。但是当我从子文件夹运行时,我得到大量导入/Unresolved问题,而当我从根目录运行时不会发生:/reporoot/subfolder0/subfolder1/MyFile.js11:8errorUnabletoresolvepathtomodule'foo'import/no-unresolved11:8errorMissingfileextensionfor"foo"import/extensions14:97errorUnabletoresolvepathtomodule'foo'import/no-unre

javascript - 使用 babel 和 webpack 减少转译代码助手

在我的项目中,我使用babel向下转换为ES5。我正在使用webpack将所有东西捆绑在一起。有几个地方,babel在任何给定文件的顶部添加一个函数以支持某些功能(如restparamshere或importstatementshere)。例如,几乎每个文件的顶部都有这个:var_interopRequire=function(obj){returnobj&&obj.__esModule?obj["default"]:obj;};几个文件有这个:var_toConsumableArray=function(arr){if(Array.isArray(arr)){for(vari=0,a

javascript - 箭头函数使用 Babel 作为类属性

谁能解释一下React中的Babel如何支持将粗箭头函数作为类属性?使用BabelTryitout我可以看到它们不受支持:classQuestion{//Property(notsupported)myProp=()=>{return'Hello,world!';}//Method(supported)myFunc(){return'Hello,world!';}}类属性在ES6中不受支持(如果我错了请纠正我)但是在React(使用Babel)中它们可以工作。我可以使用TypeScript查看方法和属性之间的区别Playground但我不清楚Babel是否支持他们。有什么插件吗?更新:

javascript - Babel 对 ES6 对象解构的实现是否正确?

所以基本的结构化很好,{a,b}=obj转译为a=obj.a;b=obj.b.我的问题是我不小心遇到了一些奇怪的语法,我想知道是否有人可以指出我的规范,因为我找不到它:({a,b}=obj).c这会执行两个a、b赋值,然后返回obj.c。对于字节流解码器,它实际上对我很有用,因为我可以写:letwidth=({bytes}=intDecode(bytes)).number;我的问题是我没有在任何地方看到这种语法,并且不想依赖未正确实现或处于提案阶段的东西。 最佳答案 解构赋值没有什么特别之处:它的求值方式与使用=运算符的任何其他赋值