文件名称:npm-es-modules:当今使用npm的ES模块的7种不同方式的细分
文件大小:192KB
文件格式:ZIP
更新时间:2024-02-20 20:11:37
javascript npm babel typescript webpack
npm-es-modules 如今,npm中使用ES模块的7种不同方式的细分。 ES模块是JavaScript的未来,但与其他许多es @ next功能不同,开发人员竞相利用这些功能的主要原因是类的构建工具,因此与ES模块以及现有NPM模块一起使用很难上手。 本教程的目的是提供一套完整的示例,说明您可以采用多种方式来编写ES模块,而又不会与当今NPM上存在的由多数commonjs模块组成的庞大库互操作。 我们将在从一个朴素的ES模块开始,然后通过一系列越来越复杂的示例方法进行工作,所有这些方法都旨在定义相同的基本模块。 目标 每种方法都必须满足以下要求: 生成有效的npm模块 支持相同的一致功能 可在node.js和浏览器环境中使用 从npm导入至少一个现有的commonjs模块 本地导入至少一个es模块源文件 包括至少一项单元测试 功能性 我们的示例NPM模块的功能有些许虚构,但它应该涉及所有潜在的痛点,请相信我,其中有很多... 每种方法都将定义一个NPM模块,该模块具有一个默认的默认输出async getImageDimensions(input) ,该模块将获取图像
【文件预览】:
npm-es-modules-master
----.gitignore(275B)
----5-rollup()
--------.gitignore(5B)
--------browser.mjs(598B)
--------package.json(2KB)
--------rollup.node.js(668B)
--------rollup.browser.js(565B)
--------test.js(384B)
--------lib()
--------readme.md(2KB)
--------module.mjs(579B)
----media()
--------flower.jpg(94KB)
----.eslintrc(38B)
----2-babel()
--------browser.mjs(517B)
--------package.json(1KB)
--------lib()
--------readme.md(3KB)
--------test()
--------module.mjs(472B)
----package.json(620B)
----7-typescript()
--------package.json(1KB)
--------src()
--------tsconfig.json(409B)
--------test.js(391B)
--------tsconfig.esm.json(409B)
--------readme.md(2KB)
----.travis.yml(51B)
----1-naive()
--------package.json(749B)
--------index.test.js(341B)
--------index.js(472B)
--------lib()
--------readme.md(3KB)
--------browser.js(517B)
----6-webpack()
--------.gitignore(5B)
--------browser.mjs(578B)
--------package.json(2KB)
--------test.js(384B)
--------webpack.node.js(381B)
--------lib()
--------readme.md(3KB)
--------module.mjs(527B)
--------webpack.browser.js(441B)
----4-esm-webpack()
--------.gitignore(5B)
--------package.json(1KB)
--------webpack.config.js(282B)
--------module.test.js(348B)
--------index.js(194B)
--------module.js(502B)
--------lib()
--------readme.md(2KB)
--------browser.js(600B)
----lerna.json(138B)
----readme.md(5KB)
----3-esm-rollup()
--------.gitignore(5B)
--------browser.mjs(600B)
--------package.json(2KB)
--------main.js(152B)
--------rollup.config.js(517B)
--------lib()
--------readme.md(2KB)
--------module.mjs(502B)
--------main.test.js(346B)
----.editorconfig(147B)
----yarn.lock(227KB)