网站多个页面引入同一个JS或者CSS文件怎么办

Question

已经Google过了，但是没有查到结果所以来sg问一下。
我想请问一下如果在网站中多个页面引入同一个JS或者CSS的话，是需要在每个页面都引入一次吗？
或者有其他的比较好的做法，新手求告知。

Answer 1

你把所有页面的css和js全部抽离抽来放在一个公共的js或者css中，例如一个网站的头部、导航和脚部等内容基本是一致的 这些部分的代码、js、css都可以用一个公共的文件代替 就不需要每个页面引入了

Answer 2

引入的的那个资源会缓存在浏览器里，HTTP状态304，引入多次无妨。。
一般web后端框架的页面渲染 会有前端页面继承的功能，so,就是这么解决。。
或者直接用后端语言import那个js or css...

Answer 3

1. 可以有个公用的js和css，比如 global.js 之类的，在里面放一些全站比较公用的代码，然后缓存住即可。
2. css 如果用了预编译的工具如 sass 之类的，可以在页面的 sass 里 import 就好。同理到 JS 的构建工具。

Answer 4

在项目中，一般会提取出来当做公用头部或者底部进行include插入使用

Answer 5

可以通过服务器语言，使用include包含文件，将一些公用的头部和底部文件包含起来，再引入页面中。