快应用开发技巧之import篇

不知不觉开发快应用已经大半年了，个人整理了一些开发方面的小技巧，供大家参考下吧。

第一篇，我们先从import开始说起吧。import可能在大家看来是一个非常基础的东西，
但在快应用中，import是否合理使用，是会影响包体大小和代码优雅性的！所以我再讲一讲，大家再听一听。

随着功能的增多，逻辑之间的关系也越来越复杂，日常开发中，我们会写许多工具类js，供页面ViewModel(.ux文件)调用。

比如：util.js，http.js等等。

最早，我的做法是在页面ViewModel需要用到js时，去单独引入。
比如util.js有10个页面用到，就去import 10次。

后来我在排查中发现，这种做法是错误的。
为什么呢？因为快应用并没有使用懒加载的方式，而是在打包时，直接将js打包在了页面文件中。
也就是util.js的代码，被分别复制了10份，放在了每个引入它的页面中。
当import的文件越来越多的时候，只会导致了一个结果，编译出的包很大，而快应用市场对包体大小是有限制的。

小提示：发布APP类快应用时，包体大小不能超过1M

排查出问题后，解决这个问题就变得简单很多，因此我也订了一个开发基本原则：

所有的js只import一次

那具体如何做呢？这里提供2种方案：1、通过this.$app.$def，2：通过global。

为了更好的说明，先定义两个js：util.js和http.js：

util.js，里面有一个方法createShortcut()

export default {
   
  createShortcut
}

http.js，里面有一个方法post()

export default {
   
  post
}

现在我们正式开始！

一、使用this. a p