草庐IT

babel-plugin-module-resolver

全部标签

javascript - babel-minify vs terser(而不是 uglify-js)

我对ES6+(称为现代JavaScript)比较陌生,但似乎如果我想在浏览器中使用它,我需要babel-minify或terser.(开始我以为Babili是另一个播放器,但它只是Babel-Minify的theoldname)关于浏览器的polyfill,有生产就绪的解决方案,如@babel/polyfill或Polyfill.io有了它们,就可以向现代浏览器发送更小、更快的代码,因为它们不需要/很少需要polyfill(快速测试浏览器,动态加载所需的polyfill,然后启动我们应用程序的主脚本)。因此,使用这些现代技术似乎是绝对合理的。关于选择babel-minify或terse

javascript - 使用 ES6 "Cannot resolve symbol"语法时为 `import`

Here给出了如何从模块导入某些类的示例:import{ModalContainer,ModalDialog}from'react-modal-dialog';但是,PhpStorm(最新的EAP)给我一个错误:我使用npminstallreact-modal-dialog安装了这个包,它存在于node_modules中。等效的var{ModalContainer,ModalDialog}=require('react-modal-dialog');工作正常。 最佳答案 我在设置React项目时遇到了这个问题,我所做的只是下载导入的

javascript - Babel/Karma/Chai 给出 TypeError : 'caller' , 'callee' 和 'arguments' properties may not be accessed on strict mode functions

我无法弄清楚为什么这个测试没有通过。varexpect=require('chai').expect;describe('HelloComponent',function(){it('passesaquitesimpletest',function(){expect(1+4).to.equal(5);});});产生这个错误:DEBUG[web-server]:serving:/Users/ivan/dev/react-starter/node_modules/karma/static/context.htmlDEBUG[web-server]:serving(cached):/Use

javascript - ES6 类和 module.exports

最近我在nodeJS实现中看到了这种模式,其中我们的模块有以下代码:classFoo{bar(){console.log('bar');}}module.exports=Foo;然后当我做一个require最后说new来创建类的一个实例。varFoo=require(./foo);varmyFoo=newFoo();myFoo.bar();根据我的说法,这种模式将在每次调用时继续创建Foo类的多个实例。另一种模式可能是我在foo.js中习惯的模式。module.exports={bar:function(){console.log('bar');}};然后我只需要调用bar。varfo

javascript - 使用 Moment JS : Cannot find module "./locale" 创建 React 应用程序

刚刚在我的Web应用程序上运行了一个npmupdate,现在MomentJS似乎失败并显示以下消息:Error:Cannotfindmodule"./locale"\node_modules\moment\src\lib\moment\prototype.js:1>1|import{Moment}from'./constructor';不确定在更新之前我使用的是什么版本的MomentJS,但我的应用程序已经运行了几个月。我创建了另一个React应用程序并运行了npminstallmoment--save并修改了源代码以显示时间,但最终出现了与上述相同的错误。不确定是否有使用Create

需要 JavaScript 设计模式帮助 : Loose Augmentation of Modules

为清晰起见进行编辑-@Qantas94Heavy-我明白它在“说”什么或应该做什么,但我不明白的是为什么,更重要的是如何工作:我正在阅读有关JS模块模式的高级教程,它给出了这个示例:varMODULE=(function(my){//addcapabilities...returnmy;}(MODULE||{}));困扰我(我需要你的帮助)的是最后一句话:(MODULE||{}));我无法理解使之成为可能的语法规则。在搜索了关键字“JavaScript模块语法”和“模块模式速记”之后,我发现我仍然不太了解这背后的基础。有人可以解释一下或为我指明正确的方向来理解这个/获得更深入的理解吗?

javascript - '类型错误 : undefined is not a function' when jumping 'tween modules

我在Node中不断遇到这个问题,每当我相互调用函数时,我的应用程序就会崩溃。我已经做了这个最小的工作示例(按照它的方式工作给了我错误):启动模块varmodule2=require('./module2');vardata='data';module2.doStuff(data);模块2varmodule3=require('./module3');functiondoStuff(data){//Stuffhappensto'data'module3.takeStuff(data);}functiondoSomethingElse(data){console.log(data);}mo

javascript - 导入节点模块时出现流错误 "cant resolve module"

我最近将此添加到我的流程配置中,因为大量与流程拾取的节点模块相关的错误[ignore].*/node_modules/.*这解决了那些错误,但引入了新错误。现在,我导入的每个模块都会导致错误,其中流程表示它无法解决它,因此让我认为这是由于我添加的忽略规则造成的。有没有办法解决这个问题,因为这里删除这一行只会引入不同类型的错误,保留它仍然会出错。 最佳答案 现在有点晚了,但对于以后遇到这个问题的任何人来说:你不应该忽略你的node_modules文件夹。Flow应该从该文件夹中读取并分析其中的文件。

javascript - 类型错误 : module is not a function AngularJS & Jasmine

在我的示例应用程序中,我像这样测试运行器收藏夹Controller:varmodule=angular.module('AngularSampleApp',[]);varFavoritesController=module.controller('FavoritesController',functionfavoritesController($scope){$scope.phones=[{'name':'NexusS','snippet':'FastjustgotfasterwithNexusS.'},{'name':'MotorolaXOOM™withWi-Fi','snippet

javascript - 模块构建失败 - Webpack、React、Babel

我正在观看pluralsight的视频教程。类(class)名称是“使用React、Flux、Webpack和Firebase构建实时应用程序”。请参阅下面的代码和所附问题的屏幕截图。每当我尝试重新构建文件时,Webpack都会失败。有人可以告知该问题可能是什么。我目前正在使用所有最新的库。/*webpack.config.js*/module.exports={entry:{main:['./src/main.js']},output:{filename:'./public/[name].js'},module:{loaders:[{test:/\.jsx?$/,exclude:/n