通过script引入的vue.js如何模块化

Question

本来是图方便写个练手的小项目，就通过script方式引入了vue.js，脚本都写在一个文件里，现在发现代码越来越多，光是查找代码都很麻烦。项目里没有用webpack，也没有用es6 module，这种情况下怎么将代码分到各个文件中去按需引用呢？

Answer 1

自己实现一个'require'函数呗：

function asyncRequire(url){
  var loader = document.createElement('script');
  // Promise 可能需要 Polyfill，好在并不复杂
  return new Promise(function(resolve, reject){
    loader.onload = function(){
      // RAF 是为了防止浏览器在目标代码执行前触发 onload
      requestAnimationFrame(resolve)
    }
    loader.onerror = reject;
    loader.src = url;
  });
}

但我寻思 webpack 没有那么难搞吧，许多博文都有最简版代码，随便搜一个复制粘贴改改就行，不比这个函数的实现困难。