css - 复杂元素结构上的 Compass 和 SASS

Question

我正在开发一个 Angular 应用程序，我正在使用以下文件夹结构:

.
├── app
│   ├── assets
│   │   ├── images
│   │   │   ├── brands
│   │   │   ├── coletaSeletiva
│   │   │   ├── quiz
│   │   │   └── vidaEmLem
│   │   │       └── avatars
│   │   ├── sass
│   │   └── stylesheets
│   ├── scripts
│   │   └── controllers
│   └── views
│       └── coleta
└── test
    └── spec
        └── controllers

这是 yeoman angular 生成的元素。

来自 SASS 的生成的 css 指向具有以下路径的文件 '/app/assets/...'，因为配置在元素的根目录中。

我的服务器是从 app 文件夹开始的，所以我只使用 /assets/... 调用我的 Assets

我该怎么办？

我应该将 config.rb 放在应用程序文件夹中并更改 Assets 路径吗？

我的 config.rb 看起来像这样:

http_path = "/"
css_dir = "app/assets/stylesheets"
sass_dir = "app/assets/sass"
images_dir = "app/assets/images"
javascripts_dir = "app/assets/javascripts"
relative_assets = true

Answer 1

您可以使用“grunt”或“grunt --force”缩小您的代码。那么我认为不会有任何问题。

如果您仍然遇到图像问题。尝试将路径设置为 ../images/image.png [如果图像文件夹在父文件夹中] 或 ./images/image.png [如果图像文件夹在同一文件夹中].