草庐IT

babel-plugin-module-resolver

全部标签

javascript - 什么是模块,module.exports与export之间的区别是什么?

我已经读了几个小时的关于这个话题的书,只是没有发现任何东西可以帮助你坚持下去。一个模块只是Node中具有一些属性的对象,一个是引用对象的导出属性。“导出”变量为varexports=module.exports这是一个变量,指向module.exports所引用的对象。我正在努力的是可视化模块是什么。我知道这是一个对象,但是只有一个吗?我知道这不是Node实现模块的确切方式,但我正在将其可视化,如下所示:varmodule={}module.exports={}//nowmodulehasapropertymodule.exportsvarexports=module.exports现

javascript - 使用 React-Native 运行自定义 Babel 转换

我需要使用babel-plugin-transform-decorators-legacy和React-Native来启用@decorators。如何配置React-Native/Babel来实现这一目标?这与我之前关于如何让@decorators在React-Native中工作的问题有关:https://stackoverflow.com/a/34271636/941058 最佳答案 使用官方Babel预设安装官方BabelpresetsforReactNativeapplications:npmibabel-preset-rea

javascript - NodeJs : modules. 导出:找不到我自己的自定义模块之一

我正在尝试将我自己的users.js模块包含到我的路由器文件中。它不断抛出错误:找不到模块“./router/users.js”我的目录结构如下:nodejs(我驱动器上的主文件夹)--expressserver.js(我的服务器文件)--包.json--路由器(包含main.js路由器和users.js用户详细信息文件的文件夹)-----main.js-----用户.js-----订单.js这里我的用户模块与我的路由器(main.js)在同一个文件夹中我的路由器代码是:varurl=require('url');varusers=require('./router/users.js'

javascript - { React jsx babel es6 webpack } 如何在 render 中评论 ( return (//||/**/) )?

我上周开始了一个项目。在回到我的团队之前,我想评论一下我的代码。/*JustfortheSyntaxoutlook*/classFooextendsReact.Components{constructor(props){super(props);}render(){return(/*cannotcommit!!!!**Followingwillthrowerrorwhenbundledwithwebpack*///Thisthrowserroraswell.)}}代码可能看起来像评论一样有效,但当前JSbin的设置未在ES6上设置。当您使用jsx通过webpack运行bundle时,它

javascript - 在浏览器中使用 babel-standalone

我正在使用babel-standalone并且我正在做与https://github.com/Daniel15/babel-standalone/blob/master/examples/scriptTag-src.htm完全相同的事情,但我收到警告Youareusingthein-browserBabeltransformer.Besuretoprecompileyourscriptsforproduction-https://babeljs.io/docs/setup/我不知道该怎么办。它不应该只是将我所有的ES6代码翻译成旧浏览器支持的代码吗? 最佳答

javascript - promise JS 中 resolve 和 return 的区别

varp1=newPromise(function(res,rej){res(42);}).then((result)=>{returnresult;});**如果我有**返回结果,这个promise是否已解决?“已解决的promise”是什么意思? 最佳答案 JavaScript是一种单线程语言。这简化了大多数任务;但是,这意味着异步任务必须在回调函数中处理。Promise是一种面向对象的回调类型,它提供比简单回调函数更强大的功能。已解决promise意味着then将调用promise对象的函数。在您的示例中,promise已得到

javascript - 返回值和从函数返回 Promise.resolve() 之间的区别

我无法理解当我们简单地返回一个值或当我们返回Promise.resolve()时会发生什么从一个函数。具体来说:我正在尝试了解promiseschaining的工作原理。我正在链接方法并验证值是否达到最后一次调用then的方法中.我只想了解将promise返回给then之间的区别,返回Promise.resolve()至then,并只返回一个值给then. 最佳答案 IhaveprobleminunderstandingthatwhathappenswhenwesimplyreturnavalueorwhenwereturnProm

javascript - Babel 通过 _this 转换它

我对工具提示进行了引导修改。并使用webpack/babel处理我的js我的代码的简化可以是:$('[data-toggle="tooltip"]').tooltip({title:()=>{return$(this).children('.tooltip-html-content').html();}});这应该是元素,bootstrap将调用此函数:getTitle:function(){vartitle,$e=this.$element,o=this.optionstitle=$e.attr('data-original-title')||(typeofo.title=='fun

javascript - 尝试使用@别名时,Jest 找不到@babel/code-frame

我们的应用程序使用importES2015风格语法导入文件,利用Webpack4.6.0对ES2015模块的原生支持。我们还使用别名来缩短我们的相对文件路径。Webpack.conf.jsresolve:{extensions:['.js','.json','.less'],alias:{'@':resolve('public/js'),'handlebars':'handlebars/dist/handlebars.js',},modules:['less','node_modules']},example.jsimportwidgetfrom'@/widgets/widget';文

javascript - Flow react native导入图片报错cannot resolve module RelativeImageStub

我是flow的新手,我在react-native中导入图像时遇到了flow错误:importEditIconfrom'../../../../../assets/images/edit-icon.png';我收到这个错误:"cannotresolvemoduleRelativeImageStub"这是我的流程配置,其中有RelativeImageStubmodule.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aa