ESLint之外的开发原则补充:
一、使用antd时按需引入
配置方法:
- 安装依赖
ice-plugin-antd
npm i ice-plugin-antd
- 在
ice.config.js
中的plugins
添加如下配置:
['ice-plugin-antd', {
themeCinfig: {
'border-radius-base': '2px',
}
}],
- 配置好之后,删除项目中所有的
import 'antd/dist/antd.css';
二、样式与内容分离
即 scss
和 jsx
分离,尽量不写行内样式。
当样式引用方式为 inport './index.scss';
时,调用方式为 className="类名"
;
当样式引用方式为 inport styles from './index.scss';
时,调用方式为 className={styles.类名}
;