使用了 antd 新组件库,但是基准都是 14px,而系统的默认基准是 12px,通过一些全局配置,可以直接将基准调至 12px
最开始,采用的是 webpack的配置方式,也就是在webpack.config.js中,在 less-loader,设置紧凑主题(compact)
但其实结果不太理想,在本地是可以正常调整到12px,但在发布dev之后,有的是12px,有的还是14px。这非常使人疑惑,最后大概认为是 打包后资源请求先后的问题,但我也不能每个修改样式,然后加 !important 吧,所以又看了官方的文档,发现,还有一种方式,在样式文件全量引入 antd.compact.less 或者 antd.compact.css
@import '~antd/dist/antd.compact.less'; // 引入官方提供的紧凑 less 样式入口文件
或者
@import '~antd/dist/antd.compact.css'; // 引入官方提供的紧凑 css 样式入口文件
这种方式在本地生效,在dev下也生效的~