基于 webpack 的 SPA 单页 Web 应用动态加载插件的机制

依剑听雨的个人博客 / 1 / 0 / 创建于 7年前

我们拿它做什么用

实现可插拔的插件机制。

我们如何做到

由于在webpack的传统模式下是将所有模块都打包到同一文件或者同一系列文件，也就是说它所有模块必须做关联打包，进而无法实现可插拔的注入，也就无法实现插件的开启和关闭。

因此我们的实现方式是：

1.将模块功能以umd模块的方式用webpack打包出来。

umd模块单文件用script加载到浏览器后。
接着会在window对象上附加一个自身的对象。
这样就可以在任意地方获取到这个对象，然后进行模块或功能注入。

Notadd相关代码参考：
https://github.com/notadd/administration/t...

项目主页：欢迎star

https://github.com/notadd/notadd

本作品采用《CC 协议》，转载必须注明作者和本文链接

依剑听雨

286 声望

暂无个人描述~

2 人点赞

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

未填写

私信

所有博文

文章归档

1 篇 2018 年 12 月 1 篇 2018 年 11 月 2 篇 2018 年 8 月 1 篇 2018 年 2 月 2 篇 2017 年 12 月 2 篇 2017 年 11 月 4 篇 2017 年 10 月 7 篇 2017 年 9 月 2 篇 2017 年 8 月 4 篇 2017 年 7 月 2 篇 2017 年 6 月 4 篇 2017 年 5 月 5 篇 2017 年 3 月

6年前 Neditor 2.1.8 发布，更好用的中文富文本编辑器 6年前 ng-notadd 0.9.0 基于 Angular7 和 material2 的中后台解决方案 6年前 Neditor 2.0.0 发布，移除后端代码，重写上传逻辑（Ajax） 6年前小程序、App Store 需要的 SSL 证书是个什么东西？ 7年前基于 Laravel 的模块化开发框架 Notadd RC1 fix1 发布

46 Notadd 商城模块 demo （Laravel + vue + SPA） 33 Notadd 商城模块部分截图（Apache 开源，不限商用） 30 使用 Laradock 10 分钟部署 Laravel 或 Notadd 环境 20 Notadd 商城模块产品文档&测试版发布时间（Apache 开源） 13 Notadd —— 基于 Laravel 构建新的 PHPer 生态

博客标签

admin

administrator

angular

angular2

成为赞助商

基于 webpack 的 SPA 单页 Web 应用动态加载插件的机制

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

基于 webpack 的 SPA 单页 Web 应用 动态加载插件的机制

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录

基于 webpack 的 SPA 单页 Web 应用动态加载插件的机制