zoukankan      html  css  js  c++  java
  • 自定义一个compass可编译的目录结构

    在学习compass的过程中,

    根绝文档说明,如果使用compass create myObject命令会创建一个标准的Compass项目目录结构,如下图:

    此时如果使用compass compile命令,会将sass目录中所有后缀名为xxx.scss的文件编译到css目录中,保存为xxx.css,那么要是我们自己的项目目录结构改变或者和这个不一样的结构呢?

    不用担心,其实这里执行编译的命令全部都是基于config.rb这个配置文件的,接下来我们大致看一下这个文件:

    红框部分就是我们需要配置的compass的目录结构,

    这里需要特别说明的一点是:

    这里的css_dir,sass_dir,images_dir,javascript_dir指定的目录结构一定要存在,

    编译命令首先会找sass目录,如果没有就会报错,如果有,但是没有指定css目录,这里就会默认创建一个stylesheet的目录,

    将编译后的css文件会默认存放到这里

    这样就实现了,我们在自己的项目中灵活的部署编译目录结构

    欢迎指正~~~~~

  • 相关阅读:
    vuex最简单、最详细的入门文档
    详解vue生命周期
    Js基础算法题
    Git常用命令
    webpack构建React开发环境
    React快速构建脚手架
    打开页面开始倒计时
    Yahoo前端35条性能优化
    特殊引用类型(string)
    What is in your backpack?
  • 原文地址:https://www.cnblogs.com/Brose/p/compass_sass.html
Copyright © 2011-2022 走看看