web-dev-qa-db-ja.com

Vue CLI CSSプリプロセッサオプション：Dart-sass VS node-sass？

CLI（v3.7.0）で新しいプロジェクトを作成する場合、Dart-sassまたはnode-sassコンパイラーを選択するオプションがあります。

Vue docs で宣言されているよりも具体的に、これらはどのように比較されますか？

Sassパフォーマンスのヒント

Dart Sassを使用する場合、非同期コールバックのオーバーヘッドにより、同期コンパイルはデフォルトで非同期コンパイルの2倍高速になることに注意してください。このオーバーヘッドを回避するには、fiberパッケージを使用して、同期コードパスから非同期インポーターを呼び出します。これを有効にするには、プロジェクトの依存関係としてファイバーをインストールするだけです。

npm install -D fibers

また、ネイティブモジュールであるため、OSやビルド環境によって互換性の問題が発生する可能性があります。その場合は、npm uninstall -D fibersを実行して問題を修正してください。

? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
❯ Sass/SCSS (with Dart-sass)
  Sass/SCSS (with node-sass)
  Less
  Stylus

EDIT 2020/01：Vue CLI 4.2.2 create new projectはDart-sassをnode-sassの前の最初のオプション。ただし、ここではnode-sassの方がパフォーマンスが高く、 ほとんど誰もDart-sassを使用していない （ccleveのコメント）であることが確立されています。

vue.jswebpacksassvue-clinode-sass
57
ux.engineer

node-sassはノードv.12では機能しません

0
ImLInus