美文网首页
基于 webpack 的 SPA 单页 Web 应用 动态加载插

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

作者: 依剑听雨 | 来源:发表于2017-05-17 15:26 被阅读0次

    我们拿它做什么用

    实现可插拔的插件机制。

    我们如何做到

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

    因此我们的实现方式是:

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

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

    Notadd相关代码参考:
    https://github.com/notadd/administration/tree/master/resources/mixes/administration/src

    项目主页:欢迎star

    https://github.com/notadd/notadd

    相关文章

      网友评论

          本文标题:基于 webpack 的 SPA 单页 Web 应用 动态加载插

          本文链接:https://www.haomeiwen.com/subject/mzpdxxtx.html