sass - Adobe CQ 和 SASS/SCSS

Question

请问adobe CQ是否支持SASS/SCSS？有没有人有经验？

Answer 1

@diffa 是对的，因为没有对 SASS 的 native 支持，但是接受 LESS。如果您不想走 LESS 路线，那么 SASS 集成并不难。我们目前正在使用 SASS/Compass [带有 sass 模板 http://www.archetypecss.com/] 与我们的开发堆栈集成。

为了实现这一点，我们使用了一个非常简单的 MVN 项目来构建我们的应用程序。在 SCSS 之前，我们的项目看起来像

Maven/
  bundle/
    /path/to/our/java
  content/
    /path/to/our/jcr_root (apps/etc)

我们向这个项目添加了一个文件夹

马文/
sass/
配置文件

然后在我们的 Config.rb我们将 SCSS 目录和 objective-c SS 目录设置为我们的 etc/design文件夹，这样我们就可以将 SCSS 保存在我们希望 CSS 编译到的位置。然后我们将指南针编译命令连接到我们的构建脚本中。哪个简化是这样的:

compass compile 
mvn clean
mvn build

如果你不使用 maven，你可以做同样的事情，只要在你的 config.rb您为 src scss/sass 文件设置正确的路径，然后将目标编译目录设置为 /etc 中的设计类别。

我们所做的其他一些事情是从我们的 pom.xml 中排除 scss 文件，以便 maven 只在已编译的 css 中构建，然后从我们的版本控制系统中删除我们已编译的 CSS 文件。这允许我们的团队对 scss 进行版本控制，而不必担心在我们的 JCR 周围漂浮的 scss 文件无所作为。

示例工作流:

Dev 进行 sass 更改

Dev 运行构建脚本

开发人员检查本地

如果我们不在 Maven 上并且我们正在使用类似 vlt 的东西，那将类似于

Dev 进行 sass 更改

Dev 运行 compass compile(或者此时 compass watch 可能更合适)

Dev 运行 vlt/pckmgr/whatever here

本地开发检查

示例文件:

maven/
  bundle/
    /path/to/javas
  content/
    /src/main/content/jcr_root/
      etc/designs/myproj
        /css
          main_styles.sass  <= src
          main_styles.css   <= compiles to
  maven/
    config.rb
      sass_dir = ../content/src/main/content/jcr_root
      css_dir = ../content/src/main/content/jcr_root

如果您注意到，我将 sass 和 css 目录设置为 jcr_root .这允许我们将 sass 文件放在 jcr_root 中的任何位置。 (无论是在 etc/designs 中还是我们在应用程序的组件中需要特殊的 scss，文件都会编译)。

…………

这有点 Hook ，但绝对值得。