javascript - 我如何包含所有 js 文件，就像我们在一个 main.css 中添加所有 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 文件

主要.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 等工具。所有这些都作为构建步骤为您进行连接和缩小。