web-dev-qa-db-ja.com

Node-SassでCSSを縮小する

NodeJSプロジェクトでSCSSを使用しており、次のコマンドを使用して、すべての個別のSCSSファイルを単一のCSSファイルに変換するスクリプトを実行しています

node-sass -w public/css/scss/style.scss public/css/style.css

私の唯一の問題は、CSSファイルも縮小することです。 Node-sassでこれは可能ですか？ドキュメントには、「コンパクト」のオプションがありますが、試してみるとうまくいかないようです

node-sass -w compact public/css/scss/style.scss public/css/style.css

助けてくれてありがとう。

cssnode.jsminifynode-sass
27
Matt Leach

node-sass documentation では、--output-style、およびnested | expanded | compact | compressed。縮小するにはcompressedを使用します

例えば：

node-sass -w public/css/scss/style.scss public/css/style.css --output-style compressed

cSSを縮小します。

63
vretamal

node-sassは、--output-styleパラメーターを使用して縮小されたCSSの出力をサポートしています。

outputStyle

  • タイプ：文字列
  • デフォルト：nested
  • 値：nested、expanded、compact、compressed

Node-sass npmパッケージをインストールした後。 package.jsonファイルにbuild-css行を追加しました。

  "scripts": {
    "build-css": "node-sass --include-path scss scss/main.scss   public/css/main.css --output-style compressed",
  },

次に、/ scss/main.scssファイル内のコンテンツをnpm run build-cssと入力するだけで、/ public/css/main.min.css内の圧縮された（縮小された）CSSに変換されます。

詳細については、node-sass Githubリポジトリのドキュメントをご覧ください https://github.com/sass/node-sass#outputstyle

1
TidyDev