我如何包含所有js文件，就像我們將所有css文件添加到一個main.css中一樣

Question

我們可以將所有css文件用作一個文件，例如main.css：

@import url(bootstrap.css);
@import url(bootstrap.min.css);
@import url(bootstrap-theme.css);
@import url(bootstrap-theme.min.css);
@import url(style.css);
@import url(w3.css);

我們如何包含和使用所有js文件作為一個main.js並使用所有javascript文件作為示例

main.js

<script src="http://127.0.0.1:7070/js/aa.js">
<script src="http://127.0.0.1:7070/js/bb.js">
<script src="http://127.0.0.1:7070/js/cc.js">
<script src="http://127.0.0.1:7070/js/dd.js">
<script src="http://127.0.0.1:7070/js/ee.js">

Answer 1

您不能像CSS中的import語句一樣在本地包含JS文件（盡管需要注意的是CSS導入仍會下載多個文件，但這只是組織規則的一種方便。）

看一下Webpack，require.js，Grunt和Gulp之類的工具。 所有這些都在構建步驟中為您進行串聯和最小化。