fe-sass-base

使用sass的前端项目模板

sass

使用mm-sass-base提供基础环境配置, 包含常用mixin, 函数, 工具类

目录结构如何安排

• partials: mm-sass-base提供的mixin, 函数不够时, 在项目partials目录下添加所需功能并在_base.scss中引入
• modules: 项目中通用的模块, 如讲师, 教程, 培训, 会在多个页面复用, 在modules下添加对应的tutorial.scss文件, 方便维护和复用
• components: 项目相关的组件样式
• generic: 添加自定义的通用类
• vendors: 第三方css文件

如何引入第三方css如animate.css

根据对应css提供的功能选择以下方法之一

• 如果该css已发布到npm, 使用npm install animate.css安装, 然后import到sass文件即可
• 如果该css支持自定义编译, 如animate.css, 配置animate-config.json然后按需编译到项目中, 再import到sass文件中
• 如果是普通css, 那就拷贝到css/vendors目录下, import到sass文件中