1.0.2 • Published 8 years ago
fe-sass-base v1.0.2
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文件中