Question

我正在使用Sencha Touch开发一个项目（不确定这是否是一个重要事实）并且我想在罗盘生成的CSS文件中包含一个文件夹中的所有SCSS文件。

所以给定了这个项目结构：

index.html
resources
    css
        app.css (generated file)
    sass
        app.scss
        config.rb (sass config file)
ux
    ExamplePlugin1
        style.scss
    ExamplePlugin2
        style.scss

我想要的是将所有scss文件包含在'ux'文件夹中的最终app.css文件中。

要生成app.css，罗盘会读取sass文件夹中的config.rb文件。我修改了该文件来实现这一目标，但是没有用。这是config.rb文件的内容：

# Get the directory that this configuration file exists in
dir = File.dirname(__FILE__)

# Load the sencha-touch framework automatically.
load File.join(dir, '..', '..', 'resources', 'themes')

# MODIFIED LINE TO INCLUDE THE UX FOLDER
load File.join(dir, '..', '..', 'ux')

# Compass configurations
sass_path = dir
css_path = File.join(dir, "..", "css")

# Require any additional compass plugins here.
images_dir = File.join(dir, "..", "images")
output_style = :compressed
environment = :production

另一种可能的解决方案是将所有单个文件包含到app.scss中，但这也不起作用。我将此行添加到app.scss：

@import 'ux/ExamplePlugin1';

但是当罗盘试图编译它时，这给了我错误:(

我希望这个解释足以解决问题。如果有人需要更多信息，请问！：P

谢谢！

Answer 1

已经有一个针对您的问题的解决方案，无需重新发明轮子：

Compass and sass: possible to auto-import all partials?

在文件夹中包含所有scss文件

1 个答案: