草庐IT

eslint-plugin-import

全部标签

javascript - 如何在 ESLint 中对齐 const 缩进?

我正在使用ESLint使我的JavaScript代码风格保持一致。我最喜欢的缩进级别是4,我希望我的声明样式是这样的:function(){leta=1,bbb=2;constcc=3,ddd=4;}但是有一个问题,因为indent每个结构的规则都有一个数字,它是基本缩进的乘积。如果我将我的基本缩进设置为4,我似乎无法对齐常量。如果我将规则设置为:"indent":["error",4,{"VariableDeclarator":{"const":1}}],正确的对齐方式是4个空格:constcc=3,ddd=4;如果我将规则设置为2:"indent":["error",4,{"Var

javascript - 带有 Webpack 的 VueJS : imports and exports not working as expected

我启动了一个新的Vuetify/Webpack项目,并尝试通过vueinitvuetify/webpack设置项目后实现vue-router。我根据thistutorial中的说明设置路由器.经过一些摆弄后,我通过更改导入Vue组件的方式使其正常工作。在我的router/index.js文件中://worksformeimportMainfrom'../components/Main.vue'//doesNOTwork;fromthetutorialimportMainfrom'@/components/Main'我的问题是,为什么我必须相对导入我的Main.vue文件并在导入时包含.

javascript - CommonJS - 如何将 jquery 和 jquery-plugin 组合到 $ 命名空间中

我想做的是调整我的jQuery插件以在Node.js上使用jQuery。据我了解,最基本形式的CommonJS需要将库包装在闭包中,并且该闭包应该作为“导出”参数的参数提供。这样,代码就整齐地包含在它自己的命名空间中(通过命名变量),并且不会污染全局命名空间。jQuery本身应该属于“$”命名空间。阿拉:var$=require(jquery);但我的插件也应该适合“$”命名空间。插件代码:(function($){//plugincodegoeshere})(jquery);exports.jquery=jquery//willthiswork?例如:var$=require(jqu

javascript - 如何让本地 eslint 插件与本地安装的 eslint 一起工作

根据文档,如果插件是名为“eslint-plugin-”的npm模块,则插件应该可以工作Here'sapluginthatfollowsthatpattern.Sourceishere.所以,我们创建一个新项目mdfoocdfoonpminit...answerquestions..npminstall--save-deveslintnpminstall--save-deveslint-plugin-requireecho"define(function(){});">test.jsecho"{\"rules\":{\"require\":2}}">conf.jsonnodenode_

javascript - 通过 ES6 import 导入远程文件

我有一个正在通过browserify编译和捆绑的ES6React应用。我有几个导入语句,例如:importReactfrom'react/addons'我还需要使用一个外部库来创建一个托管在CDN上的HTML小部件。我试过在包源之前或之后包含文件:当我尝试在控制台中引用CDN提供的对象时,它工作正常:Auth0Lock在React应用程序中引用它会引发语法错误。我假设我需要导入它...但是如何呢? 最佳答案 你可以通过npm安装auth0-lock,并作为本地依赖使用npminstallauth0-lock--save然后像这样将其

javascript - CORS plugin/--disable-web-security 如何在浏览器上工作?

我确定我不是唯一使用过/使用过CORSplugins的人对于浏览器或--disable-web-security标志,同时对外部(甚至内部)API端点进行API调用。我使用这个插件来进行谷歌地图相关的API调用。但在同一个应用程序中,ParseSDKAPI调用不需要CORS或--disable-web-security标志。我的问题是:为什么这些端点的行为不同以及CORS插件如何解决问题(即使我们无法控制这些API)?提前致谢。 最佳答案 好吧,那个插件的所作所为是非常不负责任的;它实际上禁用了同源策略,该策略强制特定源上的网站只能

javascript - "import * as"是否比特定的命名导入效率低?

这个问题在这里已经有了答案:IsusinganES6importtoloadspecificnamesfasterthanimportinganamespace?(2个答案)关闭4年前。假设我有一个像这样的模块foo:exportconstf=x=>x+1;exportconstg=x=>x*2;我可以像这样使用这个模块:import{f,g}from'foo';console.log(f(g(2)));或者像这样:import*asfoofrom'foo';console.log(foo.f(foo.g(2)));我更喜欢第二种方式,因为它可以防止模块之间的名称冲突。但是,impor

javascript - Karma 未运行在 karma-webpack 中具有 "import"语句的测试

我有一些测试文件,其中包含我想针对我的应用运行的测试。我正在尝试使用karma、karma-webpack、karma-babel-preprocessor、karma-chrome-launcher和jasmine在我的测试中。我的应用程序依赖于很多东西,包括backbone、marionette等。我的应用程序是使用webpack构建的,我正在尝试使用>webpack将我的文件捆绑在一起进行测试。(我最初想看看我是否可以跳过这一步,即简单地import一个要测试的文件,但似乎这是不可能的。)我的测试脚本看起来像package.json(脚本部分)"test":"./node_mod

javascript - Babel plugin-proposal-decorators 没有按预期工作

我在我的package.json中添加了这两个devDependencies:"@babel/plugin-proposal-class-properties":"^7.1.0","@babel/plugin-proposal-decorators":"^7.1.6",在.babelrc文件中,我将它们添加为插件:{"presets":["module:metro-react-native-babel-preset"],"plugins":[["@babel/plugin-proposal-decorators",{"legacy":true}],["@babel/plugin-pro

JavaScript:跨浏览器 "browser plugin"检测

我正在寻找一个脚本来检测用户是否安装了WindowsMediaPlayer、Quicktime、Flash或Silverlight...理想情况下,这将是jQuery插件,但任何脚本都可以。您知道可以推荐一个吗? 最佳答案 PluginDetect似乎工作得很好。您可以生成脚本的缩小版本,只选择您想要检测的插件和您需要的功能。 关于JavaScript:跨浏览器"browserplugin"检测,我们在StackOverflow上找到一个类似的问题: http