mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
36bcaaef85
* chore: use varaible.less * chore: basic primary varaible * chore: Move to variable * chore: align active color * chore: global fix of css variable * chore: primary colors * chore: button danger * chore: btn default error color * chore: button series * chore: More examples * chore: More components * chore: Form demo * chore: form style * fix: Tag & Alert variable * chore: update footer * chore: rm tmp code * chore: transfer * fix: picker column active color * chore: Adjust active bg color * chore: table hover color * chore: all css variables * chore: Global using variables * chore: Test case * chore: Update test logic * chore: back of default less * chore: entry of site use proxy style * chore: update entry * chore: split of variables * refactor: quick dist speed * fix: site use variable version * chore: Update less config * chore: add mv script * chore: Update repalcement script * chore: Add inject variables * chore: Update script * fix: script path * chore: Move to component instead * chore: fix condition * chore: update config * chore: Update in less transform * chore: Modify logic * chore: change to variables * chore: Update name * fix: script name * chore: do inject * revert: back of path * chore: 2 way of generate * bump tools * chore: Add auto replacement script * chore: auto genrate less file * chore: fix test * test: More test case * chore: Update limit config * test: coverage * docs: Update doc
167 lines
5.0 KiB
JavaScript
167 lines
5.0 KiB
JavaScript
/* eslint no-param-reassign: 0 */
|
|
// This config is for building dist files
|
|
const chalk = require('chalk');
|
|
const getWebpackConfig = require('@ant-design/tools/lib/getWebpackConfig');
|
|
const IgnoreEmitPlugin = require('ignore-emit-webpack-plugin');
|
|
const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
|
|
const { ESBuildMinifyPlugin } = require('esbuild-loader');
|
|
const DuplicatePackageCheckerPlugin = require('duplicate-package-checker-webpack-plugin');
|
|
const darkVars = require('./scripts/dark-vars');
|
|
const compactVars = require('./scripts/compact-vars');
|
|
|
|
const { webpack } = getWebpackConfig;
|
|
|
|
function injectLessVariables(config, variables) {
|
|
(Array.isArray(config) ? config : [config]).forEach(conf => {
|
|
conf.module.rules.forEach(rule => {
|
|
// filter less rule
|
|
if (rule.test instanceof RegExp && rule.test.test('.less')) {
|
|
const lessRule = rule.use[rule.use.length - 1];
|
|
if (lessRule.options.lessOptions) {
|
|
lessRule.options.lessOptions.modifyVars = {
|
|
...lessRule.options.lessOptions.modifyVars,
|
|
...variables,
|
|
};
|
|
} else {
|
|
lessRule.options.modifyVars = {
|
|
...lessRule.options.modifyVars,
|
|
...variables,
|
|
};
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
return config;
|
|
}
|
|
|
|
// noParse still leave `require('./locale' + name)` in dist files
|
|
// ignore is better: http://stackoverflow.com/q/25384360
|
|
function ignoreMomentLocale(webpackConfig) {
|
|
delete webpackConfig.module.noParse;
|
|
webpackConfig.plugins.push(new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/));
|
|
}
|
|
|
|
function addLocales(webpackConfig) {
|
|
let packageName = 'antd-with-locales';
|
|
if (webpackConfig.entry['antd.min']) {
|
|
packageName += '.min';
|
|
}
|
|
webpackConfig.entry[packageName] = './index-with-locales.js';
|
|
webpackConfig.output.filename = '[name].js';
|
|
}
|
|
|
|
function externalMoment(config) {
|
|
config.externals.moment = {
|
|
root: 'moment',
|
|
commonjs2: 'moment',
|
|
commonjs: 'moment',
|
|
amd: 'moment',
|
|
};
|
|
}
|
|
|
|
function injectWarningCondition(config) {
|
|
config.module.rules.forEach(rule => {
|
|
// Remove devWarning if needed
|
|
if (rule.test.test('test.tsx')) {
|
|
rule.use = [
|
|
...rule.use,
|
|
{
|
|
loader: 'string-replace-loader',
|
|
options: {
|
|
search: 'devWarning(',
|
|
replace: "if (process.env.NODE_ENV !== 'production') devWarning(",
|
|
},
|
|
},
|
|
];
|
|
}
|
|
});
|
|
}
|
|
|
|
function processWebpackThemeConfig(themeConfig, theme, vars) {
|
|
themeConfig.forEach(config => {
|
|
ignoreMomentLocale(config);
|
|
externalMoment(config);
|
|
|
|
// rename default entry to ${theme} entry
|
|
Object.keys(config.entry).forEach(entryName => {
|
|
const originPath = config.entry[entryName];
|
|
let replacedPath = [...originPath];
|
|
|
|
// We will replace `./index` to `./index-style-only` since theme dist only use style file
|
|
if (originPath.length === 1 && originPath[0] === './index') {
|
|
replacedPath = ['./index-style-only'];
|
|
} else {
|
|
console.log(chalk.red('🆘 Seems entry has changed! It should be `./index`'));
|
|
}
|
|
|
|
config.entry[entryName.replace('antd', `antd.${theme}`)] = replacedPath;
|
|
delete config.entry[entryName];
|
|
});
|
|
|
|
// apply ${theme} less variables
|
|
injectLessVariables(config, vars);
|
|
|
|
const themeReg = new RegExp(`${theme}(.min)?\\.js(\\.map)?$`);
|
|
// ignore emit ${theme} entry js & js.map file
|
|
config.plugins.push(new IgnoreEmitPlugin(themeReg));
|
|
});
|
|
}
|
|
|
|
const legacyEntryVars = {
|
|
'root-entry-name': 'default',
|
|
};
|
|
const webpackConfig = injectLessVariables(getWebpackConfig(false), legacyEntryVars);
|
|
const webpackDarkConfig = injectLessVariables(getWebpackConfig(false), legacyEntryVars);
|
|
const webpackCompactConfig = injectLessVariables(getWebpackConfig(false), legacyEntryVars);
|
|
const webpackVariableConfig = injectLessVariables(getWebpackConfig(false), {
|
|
'root-entry-name': 'variable',
|
|
});
|
|
|
|
webpackConfig.forEach(config => {
|
|
injectWarningCondition(config);
|
|
});
|
|
|
|
if (process.env.RUN_ENV === 'PRODUCTION') {
|
|
webpackConfig.forEach(config => {
|
|
ignoreMomentLocale(config);
|
|
externalMoment(config);
|
|
addLocales(config);
|
|
// Reduce non-minified dist files size
|
|
config.optimization.usedExports = true;
|
|
// use esbuild
|
|
if (process.env.ESBUILD || process.env.CSB_REPO) {
|
|
config.optimization.minimizer[0] = new ESBuildMinifyPlugin({
|
|
target: 'es2015',
|
|
css: true,
|
|
});
|
|
}
|
|
|
|
config.plugins.push(
|
|
new BundleAnalyzerPlugin({
|
|
analyzerMode: 'static',
|
|
openAnalyzer: false,
|
|
reportFilename: '../report.html',
|
|
}),
|
|
);
|
|
|
|
config.plugins.push(
|
|
new DuplicatePackageCheckerPlugin({
|
|
verbose: true,
|
|
emitError: true,
|
|
}),
|
|
);
|
|
});
|
|
|
|
processWebpackThemeConfig(webpackDarkConfig, 'dark', darkVars);
|
|
processWebpackThemeConfig(webpackCompactConfig, 'compact', compactVars);
|
|
processWebpackThemeConfig(webpackVariableConfig, 'variable', {});
|
|
}
|
|
|
|
module.exports = [
|
|
...webpackConfig,
|
|
...webpackDarkConfig,
|
|
...webpackCompactConfig,
|
|
...webpackVariableConfig,
|
|
];
|