项目简介
本项目是基于Webpack的远程React组件模板,可用于构建并发布能在npm上使用的远程React组件。项目提供了一系列构建工具与配置,帮助开发者高效完成组件的构建、测试和发布工作。
项目的主要特性和功能
- 利用Webpack构建远程React组件,支持动态导入与按需加载。
- 提供一键发布脚本,方便将组件发布到npm仓库。
- 具备本地联调功能,协助模块使用方进行自定义配置和联调。
- 优化chunk设置,实现组件代码按需加载与分离,提升页面加载性能。
- 处理单文件css,便于上层适配库做shadow处理。
- 控制css插入规则,让上层适配库能掌控css加载时机。
- 提供兼容CommonJS的包构建方式,适用于非浏览器环境。
安装使用步骤
- 已下载本项目的源码文件。
- 在项目根目录下运行
npm install
安装依赖。 - 执行
npm run build
进行构建。 - 执行
npm publish
将远程组件发布到npm仓库。 - 若需本地联调,执行
npm run build_cust
。 - 可根据项目需求进一步配置Webpack。
注意:使用本模板前,请确保熟悉Webpack和React的相关知识及使用方式,部分配置和命令可能需根据具体项目需求调整。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】