Questions tagged «es6-modules»

ECMAScript 6(2015)中引入了JavaScript的标准模块系统。

5
共享组件库最佳实践
我正在创建一个可共享的React组件库。 该库包含许多组件,但最终用户可能只需要使用其中一些组件。 当您将代码与Webpack(或Parcel或Rollup)捆绑在一起时,它将使用所有代码创建一个文件。 出于性能原因,除非实际使用该代码,否则我不希望浏览器下载所有这些代码。我是否认为我不应该捆绑组件是正确的吗?捆绑产品应该留给组件的使用者使用吗?我是否还要将其他东西留给组件的使用者?我只是编译JSX就是这样吗? 如果同一仓库包含很多不同的组件,那么main.js应该是什么?

1
如何在Rails 6中配置Jasmine?
如何在Rails 6环境(Webpack替换Java的资产管道)中配置Jasmine,以便可以测试为应用程序编写的Javascript模块? 我安装了茉莉花宝石ran rails generate jasmine:install并进行了编辑,jasmine.yml以指向我的Javascript源和规范的位置。 问题是我不能使用导入/导出语句。(例如,试图加载我的第一模块向测试结果在此错误在Chrome: Uncaught SyntaxError: Unexpected token 'export') 据我所知,我需要设置茉莉花来使用babel。但是,我在新的Rails 6布局中找不到如何执行此操作的说明。

2
通过导入ES6模块来加载和使用旧版JS模块(例如IIFE)
对于具有旧版本的应用程序中的某些库代码,我具有IIFE函数,这些代码需要适用于IE10 +(无需加载ES6模块等)。 但是,我开始开发一个将使用ES6和TypeScript的React应用,并且我想重用我已经拥有的代码而不复制文件。经过一番研究,我发现我想使用UMD模式来允许这些库文件既可以作为<script src=*>导入工作,又可以让React应用程序通过ES6模块加载来导入它们。 我想出了以下转换: var Utils = (function(){ var self = { MyFunction: function(){ console.log("MyFunction"); } }; return self; })(); 至 (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : (factory((global.Utils = …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.