我如何包含所有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文件，例如

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