Я пытаюсь заставить ant.design.pro работать с моим приложением реагирования на машинку, у меня все работает, но меньше файлов не загружается.
Они работают для обычных компонентов муравья.
Глядя на проект ant design pro, они делают следующее в plugin.config.js:
// Change theme plugin
import MergeLessPlugin from 'antd-pro-merge-less';
import AntDesignThemePlugin from 'antd-pro-theme-webpack-plugin';
import path from 'path';
export default config => {
// 将所有 less 合并为一个供 themePlugin使用
const outFile = path.join(__dirname, '../.temp/ant-design-pro.less');
const stylesDir = path.join(__dirname, '../src/');
config.plugin('merge-less').use(MergeLessPlugin, [
{
stylesDir,
outFile,
},
]);
config.plugin('ant-design-theme').use(AntDesignThemePlugin, [
{
antDir: path.join(__dirname, '../node_modules/antd'),
stylesDir,
varFile: path.join(__dirname, '../node_modules/antd/lib/style/themes/default.less'),
mainLessFile: outFile, // themeVariables: ['@primary-color'],
indexFileName: 'index.html',
},
]);
};
Что мне нужно, я пытаюсь имитировать это в config-overrides.js с перезаписанной реакцией, но безрезультатно, поскольку config.plugin не является функцией:
const MergeLessPlugin = require('antd-pro-merge-less');
const AntDesignThemePlugin = require('antd-pro-theme-webpack-plugin');
const path =require('path');
const webpackplugin = require('./plugin.config');
module.exports = function override(config, env) {
config.plugin('merge-less').use(MergeLessPlugin, [{
stylesDir,
outFile,
}, ]);
config.plugin('ant-design-theme').use(AntDesignThemePlugin, [{
antDir: path.join(__dirname, '../node_modules/antd'),
stylesDir,
varFile: path.join(__dirname, '../node_modules/antd/lib/style/themes/default.less'),
mainLessFile: outFile, // themeVariables: ['@primary-color'],
indexFileName: 'index.html',
}, ]);
}
У кого-нибудь есть идеи, как этого добиться?