discuss: 如何复用 dumi 默认主题的组件 about dumi-theme HOT 8 OPEN

其实不太想占用 src 目录

不是组件库项目的 src，是主题包的 src

from dumi-theme.

@OrekiSH 你在改的时候， tsx 有动吗？还是只修改了 less ？

不知道引入后，打包 dumi 会不会 两份？

from dumi-theme.

不好意思没看到..

emm其实主要是因为我懒，不过的确有这个问题。个人理解可以给theme-default的layout.tsx加个prefix的prop, 后续子组件继承该prefix @PeachScript

dumi-theme-vuepress没动,只改了less。其他有些应该会改结构，感觉theme-default的layout.tsx的那些子块用render props会灵活点。css会两份一起打的 @xrkffgg

from dumi-theme.

大致是这个意思

import Layout from 'dumi-theme-default/src/layout';
import CustomNavbar from './components/CustomNavbar';
import './style/layout.less';
import './components/Navbar.less';
import './components/SearchBar.less';
import './components/SideMenu.less';
import './components/LocaleSelect.less';
import './components/SlugList.less';
import './builtins/Alert.less';
import './builtins/Badge.less';

export default function CustomLayout() {
  return (
    <Layout
      preifx="__dumi-vuepress"
      navbar-render={CustomNavbar}
    />
  );
};

from dumi-theme.

理解了，类似 antd 的 ConfigProvider，还是有些改造成本的

CSS 打两份的问题提个方案两位看下，新增主题包 src/index.less 的约定，和其他组件一样是增量覆写，这样 dumi-vuepress 一旦加载，默认主题的样式表就不会载入了

from dumi-theme.

其实不太想占用 src 目录

from dumi-theme.

我觉得可以，你们定呗theme也可以啊

from dumi-theme.

默认主题的样式表就不会载入了

这样就是需要全量处理一遍 less ?

from dumi-theme.