Сконфигурируйте и введите тему в реагировать на шаблон - PullRequest
Новая
       38

Сконфигурируйте и введите тему в реагировать на шаблон

0 голосов
/ 04 апреля 2019

Я пытаюсь настроить тему ANT в реагировать на шаблон. Я видел проблему 2027 в репо реактивного образца. Это именно то, что я хочу, но я попробовал данную конфигурацию в принятом ответе, и она не работает для меня.

В репозитории ванильного реактора я установил antd. В HomePage (index.js) я добавил кнопку, флажок 

<Button type="primary">Primary</Button>
<Checkbox onChange={onChange}>Checkbox</Checkbox>

Мой webpack.base.babel.js выглядит как 

const path = require('path');
const fs = require('fs');
const lessToJs = require('less-vars-to-js');
const themeVariables = lessToJs(fs.readFileSync(path.join(__dirname, './../../app/theme.less'), 'utf8'));

и одним из правил является 

      {
        test: /\.less$/,
        include: /node_modules/,
        use: [
          'style-loader',
          'css-loader',
          {
            loader: 'less-loader',
            options: {
              modifyVars: themeVariables,
            },
          },
        ],
      },

Файл theme.less - 

@ant-prefix: ant;

@primary-color: #ff0000;
@btn-primary-color: #ff0000;
@checkbox-color: #ff0000;
@checkbox-check-color: #ff0000;

Я попытался переопределить любой возможный цвет в кнопке или флажке, но не смог изменить цвет темы.

Что-то мне не хватает? Я застрял в этой точке на долгое время. Любое предложение будет очень полезно.

1 Ответ

0 голосов
/ 20 июля 2019

Попытка импорта стилей муравья в ваш index.js, где вы применяете стили ко всему приложению.

Просто добавьте следующий импорт

import 'antd/dist/antd.less';

Для получения дополнительной информации вы можете следовать документации antd

...