关于前端js，css文件的缓存处理问题

Question

问题是关于静态js/css资源在移动端的缓存问题的。每次js/css文件修改，移动端的js/css页面由于缓存不能及时更新，导致的一些问题，让人很头疼。

想知道有没有一种解决方案：每次相关目录下的js，css文件内容修改，由工具处理，计算得到内容hash，拼接到文件名后，这样只要文件变动文件名也会变动，而且其他引用这些css/js文件的html文件（或者php文件，公司使用的是php）的引用地址也关联发送变化。

比如 项目目录下有 a,b两个目录，a目录下的是一些js文件,b目录下是一些html（php）文件，html 通过script标签的src属性引用a目录下的脚本，想要a目录中 a.1.js文件内容修改后，通过某种方法 更名为 a.1.contenthash.js ,b目录下引用a.1.js的b.1.html文件  引用地址也跟着变为 src='a.1.contenthash.js'.

尝试着过webpack的文档说明，感觉没能满足我的问题情景：

1.资源js文件在 某个目录下

2.引用资源js文件 的php/html 文件分布在 模块命名的 目录下 （公司使用的是 php laravel框架），

小弟webpack使用不多，对webpack的认知也仅留在官网上的说明，如果webpack能解决类似我的问题，敬请告知小弟一下，如果webpack不能，也请告知一下解决其他解决方案一下，感谢 )_(

Answer 1

这就是典型的 webpack 应用场景，你好好看下文档，关于模板和输出的那部分。