mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-05 05:29:01 +08:00
b07190e13d
* chore: update style * chore: add dark css build * test: update snapshot * chore: remove compact var * chore: update style * test: update snapshot
72 lines
2.1 KiB
JavaScript
72 lines
2.1 KiB
JavaScript
// This config is for building dist files
|
|
const getWebpackConfig = require('./antd-tools/getWebpackConfig');
|
|
const IgnoreEmitPlugin = require('ignore-emit-webpack-plugin');
|
|
const darkVars = require('./scripts/dark-vars');
|
|
const { webpack } = getWebpackConfig;
|
|
// 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',
|
|
};
|
|
}
|
|
|
|
const webpackConfig = getWebpackConfig(false);
|
|
if (process.env.RUN_ENV === 'PRODUCTION') {
|
|
webpackConfig.forEach(config => {
|
|
ignoreMomentLocale(config);
|
|
externalMoment(config);
|
|
addLocales(config);
|
|
});
|
|
}
|
|
|
|
const webpackDarkConfig = getWebpackConfig(false);
|
|
|
|
webpackDarkConfig.forEach(config => {
|
|
ignoreMomentLocale(config);
|
|
externalMoment(config);
|
|
|
|
// rename default entry to ${theme} entry
|
|
Object.keys(config.entry).forEach(entryName => {
|
|
config.entry[entryName.replace('antd', `antd.dark`)] = config.entry[entryName];
|
|
delete config.entry[entryName];
|
|
});
|
|
|
|
// apply ${theme} less variables
|
|
config.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 = darkVars;
|
|
} else {
|
|
lessRule.options.modifyVars = darkVars;
|
|
}
|
|
}
|
|
});
|
|
|
|
const themeReg = new RegExp(`dark(.min)?\\.js(\\.map)?`);
|
|
// ignore emit ${theme} entry js & js.map file
|
|
config.plugins.push(new IgnoreEmitPlugin(themeReg));
|
|
});
|
|
|
|
module.exports = webpackConfig.concat(webpackDarkConfig);
|