根路径:sass 说明:

  1. 相对路径是相对根路径
  2. 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

  1. 所有的项目级sass 和 js文件(页面视图js)创建在同一目录下
  2. 引用基础通用sass和项目通用sass生成项目样式表
  3. 项目样式表,通过requirejs根据视图js进行依赖加载

sass基础

  1. 到底该不该用 CSS reset
  2. scss与sass的区别
  3. sass揭秘之@mixin,%,@function
  4. extend和mixin的优劣
  5. px转rem
powered by Gitbook该文件修订时间: 2017-08-16 02:15:19

results matching ""

    No results matching ""

    results matching ""

      No results matching ""