resource

Kylin-plugin-resource 插件是针对 mPaaS 平台下的全局离线资源包设计的一种资源拦截机制。

使用插件

在脚手架的 package.json 中，可以看到如下配置：

  1. ["resource", 
  2.    {
  3.     "map": {
  4.       "vue": {
  5.         "external": "Vue",
  6.         "js": "https://gw.alipayobjects.com/as/g/h5-lib/vue/2.5.13/vue.min.js"
  7.       },
  8.       "fastclick": {
  9.         "external": "FastClick",
  10.         "js": "https://as.alipayobjects.com/g/luna-component/luna-fastclick/0.1.0/index.js"
  11.       }
  12.     }
  13.   }
  14. ]

上述配置项表示当代码中出现如下的依赖语句，会进行一定处理：

  1. import xxx from 'vue';
  2. var xxx = require('vue');

上述对 vue 的依赖使用，会做如下处理：

  1. 在生成的 HTML 模板中注入 <script src="https://gw.alipayobjects.com/as/g/h5-lib/vue/2.5.13/vue.min.js" ></script> 脚本资源。
  2. 把上述 vue 依赖重定向为 window.Vue 的值。