Open huangshuwei opened 4 years ago
记录样式相关的问题
electron-react-boilerplate 项目使用的是 css-modules
使用后缀 .global.(css,scss,sass)的样式可以作用到全局范围,其他后缀为非全局样式。
.global.(css,scss,sass)
如使用 ant 组件,那么需要在后缀为.global.(css,scss,sass)引入。引入规则需要添加前缀~。如:
ant
~
~符号会从 node_modules查找 @import '~antd/dist/antd.css';
~符号会从 node_modules查找
node_modules
@import '~antd/dist/antd.css';
scss
直接创建后缀为 .scss文件即可
.scss
前言
记录样式相关的问题
CSS Modules
electron-react-boilerplate 项目使用的是 css-modules
全局样式
使用后缀
.global.(css,scss,sass)
的样式可以作用到全局范围,其他后缀为非全局样式。引入外部样式
如使用
ant
组件,那么需要在后缀为.global.(css,scss,sass)
引入。引入规则需要添加前缀~
。如:使用
scss
直接创建后缀为
.scss
文件即可参考链接