根路径:sass 说明:
- 相对路径是相对根路径
- index.scss是集成样式,集成当前目录下的所有sass样式
基础通用sass
名称 | 相对路径 | 说明 |
---|---|---|
reset | core/reset.scss | 浏览器样式重置 |
config | core/base/config.scss | 通用基础变量 |
function | core/base/utils/function.scss | 通用sass方法 |
mixin | core/base/utils/mixin.scss | 通用sass的mixin |
btn | core/common/btn.scss | 通用按钮 |
项目通用sass
以电商 mall 为例子
说明:创建在sass/app下。 如电商mall模块创建出的目录为:sass/app/mall
名称 | 能否生成样式表 | 说明 |
---|---|---|
base.scss | N | 电商通用基础定义 |
common.scss | N | 电商通用变量和方法 |
mall.base.scss | Y | 电商的基础样式表 |
mall.common.scss | Y | 电商的通用样式表 |
项目sass
- 所有的项目级sass 和 js文件(页面视图js)创建在同一目录下
- 引用基础通用sass和项目通用sass生成项目样式表
- 项目样式表,通过requirejs根据视图js进行依赖加载