当前位置: 首页 > 知识库问答 >
问题:

前端 - vue2项目,不同组件间有交叉样式,那么该如何抽离样式文件呢?

巫马自明
2023-05-16

比如ABCDE这5个组件里两两有样式交集,那么该抽离出10个交集的样式吗,如果是的话放在哪个位置呢?

共有1个答案

徐学潞
2023-05-16

1、将比较通用的样式提取到一个文件中,以sass为例,可以写成@mixin,在需要的地方@import,然后@include使用

2、更细粒度的封装成组件

个人觉得没必要抽离的太细,公共样式文件放的位置一般在src/style,具体的情况具体对待吧

 类似资料:
  • 项目里用到了postcss-pxtorem,但是只会把class里的px转换为rem,怎么对行内样式也生效呢?因为有一个需求就是要根据一个参数动态改变margin-left

  • 现在是这样,所有页面都被包在一个容器里,而这个容器写了background-color和padding,但是我希望在某一个页面里,不需要设置这两个,该怎么做最优?我想到的是js获取dom元素修改。

  • 在按钮悬停我想做的改变:之前的内容太,我找不到一个答案在官方留档我想知道这是可能的。 这里是样式组件:

  • 我有一个样式化的组件: 当安装使用它的组件时,我想

  • 本文向大家介绍你是怎样抽离样式模块的?相关面试题,主要包含被问及你是怎样抽离样式模块的?时的应答技巧和注意事项,需要的朋友参考一下 说的是 webpack + extract-text-webpack-plugin插件吧? 把样式文件单独打包出来。 webpack4 升级了插件为 mini-css-extract-plugin

  • 我正在开发一个带有样式组件的反应应用程序,我有一个组件“导航”。在这个组件中有更多的组件,如,等。Header例如是这样声明的: 问题是,我在不同的文件中有这个导航组件,对于所有文件,样式都很好,但现在我只想在其中一个文件中更改标题组件的背景色,它位于(?)导航组件。我该怎么做?我知道可以用const NewNav=styled(导航)之类的东西从导航组件更改样式,`但是标题呢? 先谢谢你。