plugin.config.js 884 B

123456789101112131415161718192021222324252627282930
  1. // Change theme plugin
  2. const MergeLessPlugin = require('antd-pro-merge-less');
  3. const AntDesignThemePlugin = require('antd-pro-theme-webpack-plugin');
  4. const path = require('path');
  5. const plugin = config => {
  6. // 将所有 less 合并为一个供 themePlugin使用
  7. const outFile = path.join(__dirname, '../.temp/ant-design-pro.less');
  8. const stylesDir = path.join(__dirname, '../src/');
  9. config.plugin('merge-less').use(MergeLessPlugin, [
  10. {
  11. stylesDir,
  12. outFile,
  13. },
  14. ]);
  15. config.plugin('ant-design-theme').use(AntDesignThemePlugin, [
  16. {
  17. antDir: path.join(__dirname, '../node_modules/antd'),
  18. stylesDir,
  19. varFile: path.join(__dirname, '../node_modules/antd/lib/style/themes/default.less'),
  20. mainLessFile: outFile, // themeVariables: ['@primary-color'],
  21. indexFileName: 'index.html',
  22. },
  23. ]);
  24. };
  25. module.exports = plugin;