首頁  >  問答  >  主體

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

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

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

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

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

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

天蓬老师天蓬老师2772 天前307

全部回覆(3)我來回復

  • 阿神

    阿神2017-04-10 17:33:05

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

    回覆
    0
  • 高洛峰

    高洛峰2017-04-10 17:33:05

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

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

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

    回覆
    0
  • PHPz

    PHPz2017-04-10 17:33:05

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

    回覆
    0
  • 取消回覆