使用require构建库

时间:2018-06-08 19:24:00

标签: javascript jquery performance

我不知道该怎么称呼这个问题所以欢迎任何修改!!!我正在努力学习保持第三方脚本的干净js库结构以及我自己的。除了旧的方式之外,除了将js文件添加到我的页面的基本方法之外,我没有其他的知识..

我在搜索时发现了这一点,看到我对javascript或jquery https://github.com/volojs/create-template

的看法不是很好

我的问题是我的文件夹结构如下

  • 的index.html
  • 资产/ JS / LIB / GSAP /
  • 资产/ JS / LIB /引导/
  • 资产/ JS / LIB / whateverelse

在我的index.html文件中,我有链接到jquery和名为app.js的文件

但我很困惑如何让这个工作如何调用目录中的文件?

基本上我想从1个文件中调用多个js文件

1 个答案:

答案 0 :(得分:1)

如果我理解正确,您需要包含在index.html中的app.js和app.js中包含的文件。

<强> app.js

function dynamicallyLoadScript(url) {
var script = document.createElement("script"); // Make a script DOM node
script.src = url; // Set it's src to the provided URL

document.head.appendChild(script); // Add it to the end of the head section of the page (could change 'head' to 'body' to add it to the end of the body section instead)
}
dynamicallyLoadScript('assets/js/lib/bootstrap/test.js');
dynamicallyLoadScript('assets/js/lib/gsap/test.js');

<强>的index.html

<script src="app.js"></script>

取自here的功能。盖伊几乎回答了所有相关问题。