2016-10-10 9 views
12

SystemJSとSASSのトランスペーティングが動作すると言っているブログはたくさんありますが、私がオンラインで見るすべての例では、SASSの処理(ガルプのようなタスクランナー経由) JavaScriptコードは生成されたCSSをインポートします。SystemJSでオンザフライでSASSをトランスコードする

私は、JavaScriptファイルにSASSファイルを直接インポートすることができるようにしたいと考えています(そして、私のSystemJSローダーをCSSに変換する必要があります)。これは単なる開発目的のためのものであり、生産のために、私はすべてのものを含む単一の静的ファイルを構築する予定です。これは可能ですか?もしそうなら、これは通常どのように行われますか?

追加情報:Angular2とTypescriptも使用しています。

ありがとうございました。

+0

SystemJSにはいくつかのSASSプラグインがありますが、それらはすべてセットアップでJSPMが使用されているものとみなされます。 SystemJSだけのための実績のあるソリューションが歓迎されるでしょう – estus

+0

私はJSPMを以前は非常に限られた容量で使ってきました。私はそれが主にパッケージ/エイリアスの管理、systemjs設定ファイルの管理などに使用されていたということです。私は「ゴムが暴れたとき」(Webアプリケーションの実行など)、JSPMが積極的な役割を果たさなかった。 –

+0

この場合、最初にプラグインをインストールする方法は明確ではありません。例はhttps://github.com/mobilexag/plugin-sass – estus

答えて

1

SASSをCSSに変換するには、クライアントサイドのSASS - > CSSトランスライタが必要です。

this answerによれば、あなたに役立つ公式の実装はありません。

また、(例えばthisプラグインを使用して)CASSではなくLESSと考えることができるため、開発のための完全なクライアントサイドトランスギュレーションと、プロダクションビルドのためのSystemJS Builderを介したサーバーサイドのプレビルディングを行うことができます。

関連する問題