Question

我使用jQuery和jQuery UI来操作DOM元素，并发现自己处于这种情况。

的index.html ：

<html>
<head>
<link href="dashboard.css" rel="stylesheet">
</head>
<body>
<script src="dashboard.js"></script>
<body>
</html>

dashboard.js ：

function addAccordian() {
  // some logic here
}

function addConnectedSortable() {
  // more logic here
}

function addPiecharts() {
  // a huge chunk of logic here

  // for example, 

  // several ...
  // hundred ...
  // line ...
  // of code

}

function readyFn(jQuery) {
  addAccordian();
  addConnectedSortable();
  addPiecharts();
}

$(document).ready(readyFn);

我只能想象dashboard.js文件随着时间的推移越来越大。

问题：有没有办法将其分成几个较小的javascript文件，并以某种方式include / import？

我来自Java背景，如果问题没有多大意义，请原谅我。

我对任何建议持开放态度，因为这个项目还处于早期阶段，我们对使用的技术非常灵活。

Answer 1

只需创建所需的文件，然后将其包含在页面中即可。我建议你将它们包含在head元素中，以便浏览器可以同时加载它们。

＆＃13;

<script src="file1.js" type="text/javascript"></script>
<script src="file2.js" type="text/javascript"></script>
<script src="file3.js" type="text/javascript"></script>

＆＃13;

将大型javascript文件拆分为几个较小的文件

1 个答案: