sass - SASS と Liferay - カスタムテーマでの使用方法

Question

liferay のブログや Google で答えが見つからないので、ここの誰かが助けてくれることを願っています。

liferay 6.2で構築しているカスタムテーマでsassを始めようとしています。

私が理解しているように、アプローチは次のようになります。

これにより、次のようなファイルレイアウトが得られます。

<theme>
  +-src
     +-main
        +-webapp
           +-css
              +- ... here i'll put any css overwrites

Sass スタイルシートの開発、へのリンクmain.css

<theme>
  +-src
     +-main
        +-webapp
           +-css
              +-main.css
              +-custom.scss

main.cssは最初は次のようになります。

@import url(custom.css);

/* other css import here */

custom.scssには、いくつかの SASS コンテンツが含まれます。

$color: #f00;
body {
    color: $color;
}

私の質問: CSS と SASS の両方を正しくリンクするにはどうすればよいですか? main.css@importのステートメントはどのように定義する必要がありますか?

試し@import url(custom.scss);ましたが、これでは望ましい結果が得られません。同様に、@import url(custom.css);それもしません。

score 2 · Accepted Answer

はい、Liferay 6.2 で作業している場合、ファイル拡張子は .css である必要がありますが、Liferay 7/DXP で作業している場合は .scss である必要があります。

sass - SASS と Liferay - カスタム テーマでの使用方法