Open huangshuwei opened 4 years ago
谢谢! 参考您的文章解决了问题.
补充一点, 因为安装最新版本的less-loader是6.x, 上述配置需要稍做修改:
javascriptEnabled: true
// 改成
lessOptions: {
javascriptEnabled: true
}
参考: https://github.com/ant-design/ant-design-landing/issues/235
感谢反馈
Connect Your Wallet:
Use the Claim Method:
Claim Your Prize:
Enjoy Your Tokens:
Make sure to read the terms and conditions on the https://claim.mantarewards.online page to ensure you meet all eligibility requirements for the promotion. This offer is for a limited time, so don't miss out!
Winners: @Avery-Swank, @swellander, @vulcangz, @ismailnullbrainer, @faustovanin, @tpkeeper, @gengteng
前言
上一篇介绍了使用
electron-react-boilerplate
模板基本的样式使用问题。现在咱们看下项目中使用了ant.design
如何进行主题定制ant.design 主题定制方式
这是官方主题定制文章,其中最简单的方式是覆盖
ant.design
主题的less
文件。然而electron-react-boilerplate
模板并没有less
文件的配置,下面我们要进行改造安装并配置 less loader
配置开发环境loader。这里特别要注意的事,我们要让
less
文件也遵循electron-react-boilerplate
模板的css module
方式。 即:.global.less
可以作为全局的样式使用,而.less
文件要遵循css module
方式。明白规则后配置如下:
生产发布模式基本同理,只不过样式要进行压缩配置:
添加主题重置
less
文件我们暂且命名为
antd-theme-reset.global.less
,大致形式如下,具体请参考ant.design
官网:在入口文件引入此样式重置文件:
重新运行
webpack 相关文件修改,需要重新运行
-完-