如何将公共的外部文件（css,js）整合到一起引入

在实际过程中，尝尝会遇到一大堆外部的js和css文件，有经验的人会将其分类，分门别类的引入各页面中，但是相对于初学者或者没有良好的代码规范的人会时常将其弄的乱七八糟，比如这样：

看，是不是很乱，干脆不知道哪个是哪个，有一种不管谁是谁，直接放上去，起作用就行的感觉（事实也是如此），那么在不知道具体情况的时候，我们如何让页面代码看起来更加简洁美观呢？
很简单，首先我们可以新建一个commonJs.js文件，然后在里面引入公共的外部js文件，如图：

同样，再新建一个commonCss.js文件，再在里面引入所有的公共css文件：

这样咱们就算是提取出了公共的外部文件，然后再在每个页面引入这两个js文件即可：

<script src="../../../static/js/commonCss.js"></script>
<script src="../../../static/js/commonJs.js"></script>

其他的外部文件可根据与其相对应的页面引入，这样就比之前简洁美观很多了。

公众号：Coder 杂谈，欢迎关注