esm-boilerplate:生产和使用esm模块的样板,如果不支持esm,则具有webpack模块联合回退

时间:2024-05-23 19:14:27
【文件属性】:

文件名称:esm-boilerplate:生产和使用esm模块的样板,如果不支持esm,则具有webpack模块联合回退

文件大小:233KB

文件格式:ZIP

更新时间:2024-05-23 19:14:27

JavaScript

这是使用webpack 5模块联合回退加载esm模块的概念快速回购。 因此,您可以跨浏览器编写以下类型的代码: const HelloWorld = React . lazy ( ( ) => import ( "http://127.0.0.1:3001/esm.js" ) ) ; // or import HelloWorld from "http://127.0.0.1:3001/esm.js" ; 介绍 要运行该应用程序,请导航至app和remote文件夹,然后运行npm start 。 app文件夹模拟应用程序。 remote构建esm软件包,并具有一个简单的http服务器来同时提供esm脚本和webpack模块联合后备脚本。 HelloWorld组件是通过esm模块加载的。 样式嵌入在esm模块中。 如果不支持esm模块,则回退到webpack 5模块联合。 ESM


【文件预览】:
esm-boilerplate-master
----nested()
--------rollup.config.js(916B)
--------package.json(2KB)
--------package-lock.json(246KB)
--------babel.federation.config.js(301B)
--------src()
--------webpack.federation.config.js(2KB)
--------tsconfig.json(552B)
--------.gitignore(24B)
--------.browserslistrc(8B)
--------postcss.config.js(39B)
----readme.md(2KB)
----app()
--------rollup.config.js(497B)
--------package.json(2KB)
--------package-lock.json(448KB)
--------babel.federation.config.js(647B)
--------src()
--------.gitignore(24B)
--------webpack.config.js(4KB)
--------.browserslistrc(8B)
--------postcss.config.js(39B)
--------babel.config.js(160B)
----remote()
--------rollup.config.js(905B)
--------package.json(2KB)
--------package-lock.json(246KB)
--------babel.federation.config.js(686B)
--------src()
--------webpack.federation.config.js(2KB)
--------tsconfig.json(552B)
--------.gitignore(24B)
--------.browserslistrc(8B)
--------postcss.config.js(39B)

网友评论