建议补充不用vue-jss的CSS最佳实践方案

Question

可以补充下不用vue-jss怎么引CSS的最佳方案么，不想完全用 CSS in JS，一般不会改变的样式写在 .css中，想动态改变的样式单独提出来用 CSS in JS

Answer 1

Jokcy 2021-05-16 11:06:47

不会改变的样式写在css中有什么优势么？

• 提问者 安鸿鹏 #1

  不会改变的样式写CSS文件中，写好就不用再频繁关注了，需要用js控制的样式再写在js中，算是职责分离吧。
  
  后面维护的时候，要改写死的样式，就去CSS中找，要改JS控制的样式，再去JS中找。另外这样写，JS中代码也会少些，对于JS，更聚焦逻辑本身。

• Jokcy 回复 提问者 安鸿鹏 #2

  那同一个节点的样式难道还要分成一部分js一部分css来写吗？其实你完全可以把js的样式部分抽出去单独一个文件叫styles.css.js和你单独写一个css文件没有什么本质的区别。你写css用css-modules也是要import css文件然后使用类名的。css in js就是一整套css的解决方案，没有必要选择了css in js之后还继续去使用css

• 提问者 安鸿鹏 回复 Jokcy #3

  好吧老师，这块确实跟我的使用理念有差别。虽然技术上执行是没差别的，但是从项目维护性角度，不用JS控制的CSS代码写在单独的CSS文件中，我认为是一种职责分离的体现，工程上有更好的维护性和可读性。

点开查看后面1条评论