在實際過程中，嚐嚐會遇到一大堆外部的js和css檔案，有經驗的人會將其分類，分門別類的引入各頁面中，但是相對於初學者或者沒有良好的程式碼規範的人會時常將其弄的亂七八糟，比如這樣：

看，是不是很亂，乾脆不知道哪個是哪個，有一種不管誰是誰，直接放上去，起作用就行的感覺（事實也是如此），那麼在不知道具體情況的時候，我們如何讓頁面程式碼看起來更加簡潔美觀呢？ 很簡單，首先我們可以新建一個commonJs.js檔案，然後在裡面引入公共的外部js檔案，如圖： 同樣，再新建一個commonCss.js檔案，再在裡面引入所有的公共css檔案： 這樣咱們就算是提取出了公共的外部檔案，然後再在每個頁面引入這兩個js檔案即可：

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

其他的外部檔案可根據與其相對應的頁面引入，這樣就比之前簡潔美觀很多了。