Layui + SCSS 前端工程化实践

技术选型

前端采用Layui经典框架作为UI基础，样式使用SCSS进行模块化管理。Dart Sass作为编译器，通过@use/@forward实现模块化引入。

目录结构

scss/
├── _variables.scss     # 全局变量
├── home.scss           # 入口文件
└── home/
    ├── _base.scss      # 基础样式
    ├── _layout.scss    # 布局样式
    ├── _cms.scss       # CMS模块样式
    └── ...

编译流程

使用 sass --no-source-map scss/home.scss css/home.css 一键编译。