指南针和SASS复杂的项目结构

时间:2015-04-29 17:15:53

标签: css angularjs compass-sass yeoman

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

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

这是yeoman角度生成的项目。

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

我的服务器是从app文件夹开始的,因此我只使用/assets/...

来调用我的资源

我该怎么办?

我应该将config.rb放在app文件夹中并更改资产路径吗?

我的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

1 个答案:

答案 0 :(得分:0)

您可以使用" grunt"缩小代码。或" grunt --force"。那我觉得不会有问题。

如果你还有图像问题。尝试设置路径,如 ../ images / image.png [如果图像文件夹在父文件夹中] ./ images / image.png [如果图像文件夹在同一文件夹中]