Vendors

vendors.js是公共文件,并被每个页面引用,它引入一些公共核心js架构文件和自定义的公共库文件,如React/Vue/Lodash等。aotoo-hub默认将vendors置空,即没有引入任何库,但保留了文件(项目新建时),留待用户自行定义(支持react/vue/aotoo全家桶)

vendors.js文件非常稳定,不需要每次编译,aotoo-hub对于vendors的编译是一次性的独立编译,任何带-clean的命令都会重构vendors.js。一次性的编译能够提升开发的编译速度,绕开vendors的编译,在处理巨型项目时,会明显的提升开发效率。

如何编辑vendors

首先在目录结构中找到vendors所在

workspace
  │            
  ├── src 
  │    └── js
  │         └── vendors
  │                └── index.js
  └── dist 
       └── out
            └── 1.0.0
                  └── js
                       └── vendors.js

通过上述关系,我们明白了vendors.js的产出关系
现在假设我们需要react的全局环境,我们应该这样来编辑vendors/index.js

// src/js/vendors/index.js
import rt from 'react'
import rtd from 'react-dom'
window.React = rt
window.ReactDOM = rtd

最终我们的模板会有如下结构

<body>
  ...
  ...
  ...
  <script src="/js/vendors.js"></script>
  <script src="/js/...."></script>
</body>

vendors.js总是第一个被调用,为其他js文件提供环境支持