全部产品

resource

更新时间:2019-09-26 18:35:06

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 的值。