请教css和js合并后如何避免冲突

Question

为了减少请求；前端都是把 css 和 js 合并压缩的；
那么问题来了；请教亲们；是如何避免冲突的？

好；下面详细的叙述下我的困惑；
先来说一下我们以前原始的开发模式；
以前都是每个页面引用各自的 css 和 js 文件；
这样；等于说每个 css 和 js 都是为一个页面量身定制的；

现在是把所有的 css 文件打包合并成一个 app.css；
现在是把所有的 js 文件打包合并成一个 app.js；
所有页面都是引用的 app.css 和 app.js ；

css 好点；能想到的是用命名空间；尽量避免重复冲突；
js 就没有想到一个好的方案来避免冲突的问题了；

请教亲们是怎么合理规范的处理的呢？

Answer 1

可以考虑一下CSS Modules, webpack里的css-loader有带

Answer 2

现在的单页应用全部都是模块化，js的模块化。

看你的描述，感觉像是若干个不同的静态页面用同一个被打包的app.js？

这样子的话，我建议写个公共库的js来打包压缩成app.js，然后各个页面，单独写逻辑吧。

Answer 3

css都能解决为什么JS不能解决？