antd-pro 设置自定义主题, 在 config/config.js
里添加them主题样式,npm run dev
测试环境在本地生效,npm run build
打包后放到服务器端设置的自定义主题失效, 请问这是什么原因了
//plugin.config
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.js
theme: {
'primary-color': defaultSettings.primaryColor,
'table-header-bg': '#232323',
'table-header-color':'#fff',
'table-header-sort-bg': '#232323',
'table-body-sort-bg': 'null',
'table-row-hover-bg': 'null',
'table-selected-row-color': 'null',
'table-selected-row-bg': 'null',
'table-body-selected-sort-bg': 'null',
'table-selected-row-hover-bg': 'null',
'table-footer-bg': '#969696',
'table-footer-color': '#6f8f8d',
'table-padding-vertical': '10px',
'btn-primary-color':' #fff',
'btn-primary-bg': '#008B16',
'btn-default-color': '#ffffff',
'btn-default-bg': 'transparent',
'select-dropdown-bg': '#232323'
},