mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
70699fc711
* chore: fix deps * test: add duplicate-package-checker-webpack-plugin * test: should be broken * try webpack --bail * bail when emit error * revert rc-image
138 lines
3.7 KiB
JavaScript
138 lines
3.7 KiB
JavaScript
const fs = require('fs');
|
|
const path = require('path');
|
|
const defaultVars = require('./scripts/default-vars');
|
|
const darkVars = require('./scripts/dark-vars');
|
|
const compactVars = require('./scripts/compact-vars');
|
|
|
|
function generateThemeFileContent(theme) {
|
|
return `const { ${theme}ThemeSingle } = require('./theme');\nconst defaultTheme = require('./default-theme');\n
|
|
module.exports = {
|
|
...defaultTheme,
|
|
...${theme}ThemeSingle
|
|
}`;
|
|
}
|
|
|
|
// We need compile additional content for antd user
|
|
function finalizeCompile() {
|
|
if (fs.existsSync(path.join(__dirname, './lib'))) {
|
|
// Build a entry less file to dist/antd.less
|
|
const componentsPath = path.join(process.cwd(), 'components');
|
|
let componentsLessContent = '';
|
|
// Build components in one file: lib/style/components.less
|
|
fs.readdir(componentsPath, (err, files) => {
|
|
files.forEach(file => {
|
|
if (fs.existsSync(path.join(componentsPath, file, 'style', 'index.less'))) {
|
|
componentsLessContent += `@import "../${path.posix.join(
|
|
file,
|
|
'style',
|
|
'index.less',
|
|
)}";\n`;
|
|
}
|
|
});
|
|
fs.writeFileSync(
|
|
path.join(process.cwd(), 'lib', 'style', 'components.less'),
|
|
componentsLessContent,
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
function buildThemeFile(theme, vars) {
|
|
// Build less entry file: dist/antd.${theme}.less
|
|
if (theme !== 'default') {
|
|
fs.writeFileSync(
|
|
path.join(process.cwd(), 'dist', `antd.${theme}.less`),
|
|
`@import "../lib/style/${theme}.less";\n@import "../lib/style/components.less";`,
|
|
);
|
|
// eslint-disable-next-line no-console
|
|
console.log(`Built a entry less file to dist/antd.${theme}.less`);
|
|
} else {
|
|
fs.writeFileSync(
|
|
path.join(process.cwd(), 'dist', `default-theme.js`),
|
|
`module.exports = ${JSON.stringify(vars, null, 2)};\n`,
|
|
);
|
|
return;
|
|
}
|
|
|
|
// Build ${theme}.js: dist/${theme}-theme.js, for less-loader
|
|
|
|
fs.writeFileSync(
|
|
path.join(process.cwd(), 'dist', `theme.js`),
|
|
`const ${theme}ThemeSingle = ${JSON.stringify(vars, null, 2)};\n`,
|
|
{
|
|
flag: 'a',
|
|
},
|
|
);
|
|
|
|
fs.writeFileSync(
|
|
path.join(process.cwd(), 'dist', `${theme}-theme.js`),
|
|
generateThemeFileContent(theme),
|
|
);
|
|
|
|
// eslint-disable-next-line no-console
|
|
console.log(`Built a ${theme} theme js file to dist/${theme}-theme.js`);
|
|
}
|
|
|
|
function finalizeDist() {
|
|
if (fs.existsSync(path.join(__dirname, './dist'))) {
|
|
// Build less entry file: dist/antd.less
|
|
fs.writeFileSync(
|
|
path.join(process.cwd(), 'dist', 'antd.less'),
|
|
'@import "../lib/style/index.less";\n@import "../lib/style/components.less";',
|
|
);
|
|
// eslint-disable-next-line no-console
|
|
fs.writeFileSync(
|
|
path.join(process.cwd(), 'dist', 'theme.js'),
|
|
`const defaultTheme = require('./default-theme.js');\n`,
|
|
);
|
|
// eslint-disable-next-line no-console
|
|
console.log('Built a entry less file to dist/antd.less');
|
|
buildThemeFile('default', defaultVars);
|
|
buildThemeFile('dark', darkVars);
|
|
buildThemeFile('compact', compactVars);
|
|
fs.writeFileSync(
|
|
path.join(process.cwd(), 'dist', `theme.js`),
|
|
`
|
|
function getThemeVariables(options = {}) {
|
|
let themeVar = {
|
|
'hack': \`true;@import "\${require.resolve('antd/lib/style/color/colorPalette.less')}";\`,
|
|
...defaultTheme
|
|
};
|
|
if(options.dark) {
|
|
themeVar = {
|
|
...themeVar,
|
|
...darkThemeSingle
|
|
}
|
|
}
|
|
if(options.compact){
|
|
themeVar = {
|
|
...themeVar,
|
|
...compactThemeSingle
|
|
}
|
|
}
|
|
return themeVar;
|
|
}
|
|
|
|
module.exports = {
|
|
darkThemeSingle,
|
|
compactThemeSingle,
|
|
getThemeVariables
|
|
}`,
|
|
{
|
|
flag: 'a',
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
module.exports = {
|
|
compile: {
|
|
finalize: finalizeCompile,
|
|
},
|
|
dist: {
|
|
finalize: finalizeDist,
|
|
},
|
|
generateThemeFileContent,
|
|
bail: true,
|
|
};
|