web-dev-qa-db-ja.com

SCSS-ノードアプリ用のLibSassに代わるコンパイラ

LibsassはSCSSで最も人気のあるコンパイラの1つであるようで、 http://sass-lang.com/libsass は、多くの一般的なプログラミング言語用のさまざまなlibsassラッパーをリストしています。 node-appの場合、 node-sass およびwebpackまたはgulpに対応するローダーが最も明白な選択のようです。ただし、node-sassをインストールして使用するには、githubアクセスとpython 2.7インタープリターの両方が必要です。ここで説明したくない理由から、実稼働環境にはどちらもありません。

  1. Githubアクセスとpythonインタープリターなしの本番環境でnode-sassをインストールして使用するための実行可能な回避策はありますか?
  2. 他のSCSS-Githubアクセスやインストールされたpythonインタープリター)を必要としないwebpackまたはgulpを介して使用できるコンパイラーはありますか?
14
user1934212

アプリがSassをオンザフライでコンパイルする必要がない限り、おそらく開発マシンでスタイルをコンパイルし、静的CSSを本番環境にプッシュする必要があります。

3
tsi

@tsiが提供する回答と似ていますが、ビルドは開発マシンではなく、ビルドボックスで行うことをお勧めします。

いくつかのオプションが含まれます Gitlabs CI または Bitbucketパイプライン

開発マシンで実行する場合は、VagrantまたはDocker内で実行して、一貫したアーティファクトを作成してください。

2番目の質問に答えるために、いいえ、代替手段はないようです

1
Chris

現在、 Dart-Sass があります。これは、公式っぽい「Sassの主要な実装」です。これは、GitHub、Chocolatey、Scoop、Homebrewなどを介して利用可能なすべての主要なOS向けにリリースされています。

あなたのユースケースでは、 JavaScript on npm にトランスパイルされたバージョンを使用します。まともなサイズの古いSassプロジェクト(VideoJS)の私のテストによると、Dart-Sassの実行はnode-sassよりもわずかに遅いですが、小さな変更を行っている場合は悪くありません。

2番目の pure-JS node-sassの代替手段はPostCSS ですが、必要なすべてのSass機能を使用できるとは限りません。

1
tomByrer