Question

我想将Compass添加到我现有的项目中。我想维护我当前的项目结构，看起来像这样（简化）：

app/
build/    
 |-compass/
assets/
 |-css/
   |-scss
 |-js/
 |-img/

所以我想要在 \ assets \ css \ scss 下的所有SASS文件，并且我想将已编译的CSS文件输出到 \ assets \ css 。

跑步：

compass create --bare --sass-dir "assets\css\scss" --css-dir "assets\css"

直接在我的root下创建Compass config.rb文件。

但是，我希望该文件位于 \ build \ compass 下。

如何控制Compass创建config.rb文件的位置？
Compass文档说config.rb中的声明（例如css_dir，sass_dir等）都是相对于project_path的。我在哪里定义project_path？

Answer 1

Compass在与运行命令的目录相同的目录中创建config.rb。项目路径是config.rb所在的位置。只要您调整资产的路径，就可以随时将config.rb放在任何位置。

Answer 2

这是config.rb的一个例子：

# Require any additional compass plugins here.
require 'compass/import-once/activate'

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "../../assets/css"
sass_dir = "../../assets/css/scss"

# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
output_style = :expanded

# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = false

# Enable source map
sourcemap = true

使用此config.rb设置，您的项目文件夹应该像（如您所写）：

MyFolder
├ app
├ build 
│ └ compass
│   └ config.rb
└ assets
  ├ css/
  │ └ scss/
  ├ js
  └ img

如果您没有config.rb，只需创建一个新文件＆＃34; config.rb＆＃34;并在我写的配置中复制/粘贴。

打开终端，输入MyFolder / build / compass然后启动指南针命令，例如：compass watch

<强>记住

您必须在config.rb文件所在的同一文件夹中执行compass命令。所以在这种情况下在MyFolder / build / compass中。指南针不起作用。

Answer 3

我不明白你为什么要构建这样的项目...我的意思是为什么不把scss放在构建中然后资产中的所有内容都可以部署用于生产？

所以： 1。正在运行（来自“app”目录）

compass create build --http-pat="../" --sass-dir="compass/scss" --css-dir="../assets/css" --javascripts-dir="../assets/js" --images-dir="../assets/img"

将创建项目文件夹和文件：

app
 |-- build
 |     |--config.rb
 |     |-- compass
 |            |-- scss
 |-- assets
 |     |-- css
 |     |-- img
 |     |-- js

compass config "build/config.rb" --http-pat="../" --sass-dir="compass/scss" --css-dir="../assets/css" --javascripts-dir="../assets/js" --images-dir="../assets/img"

将简单地创建构建目录并在其中放置包含这些值的配置文件。

Compass config.rb位置

3 个答案: