dz-css

idcos-antd-theme

包内容：

• antd 定制主题 less 文件：包含 default 主题。（未来可能会有 dark 主题）
• 自定义样式：定制主题无法覆盖的样式，在override.less中集中体现。

How to use

安装：npm install idcos-antd-theme -D

修改需要自定义主题工程的 webpack 配置：

//配置less-loader

module.exports = {
  module: {
    rules: [
      {
        // Preprocess 3rd party .css files located in node_modules
        test: /\.(css|less)$/,
        include: /node_modules/,
        use: [
          'style-loader',
          'css-loader',
          {
            loader: 'less-loader',
            options: {
              javascriptEnabled: true,
              modifyVars: {
                hack: `true; @import "~idcos-antd-theme/default/default.less";`,
              },
            },
          },
        ],
      },
    ],
  },
};

加入自定义样式：

//app.js
import 'idcos-antd-theme/default/override.less';

修改发布

• 定制主题文件只能由设计同学修改，开发人员不可修改。
• 自定义样式只能由开发同学修改。
• 开发和设计均可以发布该包进行版本迭代。(npm publish)

注意事项

• 发布前记得修改版本号。
• 发布前要填写changeLog。