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

troybug
  • 1.2k

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

回复
阅读 484
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 没有那么难搞吧,许多博文都有最简版代码,随便搜一个复制粘贴改改就行,不比这个函数的实现困难。

宣传栏