問題タブ [libsass]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
gruntjs - Grunt -- ディスク上のルート ディレクトリの名前が変更され、CSS へのコンパイルが行われなくなりました
Win8 マシンで Grunt をセットアップして['sass', 'autoprefixer', 'connect', 'watch']
、ブラウザでライブ リフレッシュとデザインを問題なく実行するタスクを実行しました。プロセスはフォルダーの変更を監視し、SCSS から CSS にコンパイルし、ブラウザーを正常に更新しました。
その後、昨夜遅くにディスク上のディレクトリの名前を変更しました-からc:\ruby-sass-susy
にc:\libsass-susy
。悲しいことに、これは私のセットアップを台無しにしました:(
ここで、デフォルトを実行するとgrunt
、サーバーが起動し、最初にファイルがコンパイルされ、プロジェクトが正常に動作する準備が整った状態でブラウザーが起動します。
しかし、変更して保存.scss
しても何もコンパイルされません。コマンドラインに表示されるもの:
しかし、コンパイルは行われずglobal.css
、関連するマップ ファイルは作成されず、アクティビティはまったくありません。
私が試したこと:
npm uninstall <package>
関連するwatch
、connect
およびgrunt-sass
パッケージのそれぞれについて。npm install <package> --save-dev
3つすべてで、3つすべてのクリーンな再インストールを取得しますそれから(それが何もしなかったとき)私は新しいディレクトリで始めました- my
package.json
とを使用してbower.json
、新しいディレクトリにすべての依存関係を最初から再インストールし、 にコピーし、Gruntfile
すべてをもう一度実行してテストしました
新しいディレクトリでも同じ結果が得られます。どうしたの?問題は、Node または npm のインストールのさらに先にあるのでしょうか? 何かが正しいディレクトリを指していませんか? (すみません、私は Grunt や JavaScript プログラミングの専門家ではありません)
これが私の Gruntfile です。関連するビットです。デフォルトで実行していないパッケージは省略しました。
~~~
ember.js - Ember アプリでの libsass segfault のデバッグ
Ember CLI 0.1.15 で作業中のプロジェクトを作成し、それを 0.2.2 にプッシュしたところ、セグメンテーション エラーが発生し始めました。node-segfault-handlerをインストールすることで、何が起こっているのかをある程度把握することができましたが、これらのダンプを読むのが得意ではありませんでした。明らかに SASS コンパイルに関連していること以外は、あまり取り除かれていません。
私は他のプロジェクトで動作するember-cli-sassアドオン (バージョン 3.1.0) を使用しているので、これをデバッグする方法を知りたいです。どんな助けでも大歓迎です。
node.js - nodejsでnode-sassを使用するとlibsassバインディングが見つからない
node-sass
アプリケーションでモジュールを使用しnode.js v0.12
て、 のパフォーマンスを活用したいと考えていますlibsass
。モジュールをインストールするため
に実行しましたが、これまでのところエラーはありません。npm i node-sass
ここで混乱が始まります:ターミナルで を
開いREPL
て試してみるとnode-sass
、すべて正常に動作しますが、それをプロジェクト ファイルに含めて実行するとnode myfile.js
、次のエラー メッセージが表示されます。
npmjs.comのモジュールの説明には、Ubuntuでの解決に問題がある可能性があり、#!/usr/bin/env node
これを修正する方法が記載されていますが、私のマシンではそうではありません。
役に立つものが見つからなかったので、助けていただければ幸いです。
Ubuntu 14.10 でノード v0.12.2 を使用しています。
PS: node-sass を再インストールしようとしましたが、成功しませんでした。何も変わりません。
sass - @-ms-keyframesのSASS無効なトップレベル式
私は(とりわけ)これを含む基本的なscssファイルを持っています:
コンパイルしようとすると、invalid top level expression
上記のコードで示した行に が表示されます。さて、次のコードを削除してみました。
そして今、それはうまくコンパイルされます。このコード ブロックで sass が問題を起こすのはなぜでしょうか? node-sass (libsass 3.2) を使用しています。
sass - gulp-sass を実行しているときに使用している Sass のバージョンを確認するにはどうすればよいですか?
gulp-sassを使い始めたばかりですが、使用されている Sass のバージョンを確認する「簡単な」方法はありますか?
それほど重要だとは思いませんが、Visual Studio 2015 (CTP6) で gulp -sassを使用しています。
特定の最小バージョンの Sass を必要とする Sass mixin を使用したいので、知る必要があります。
現時点で、使用されている Sass のバージョンを知りたい場合は、次のような道をたどってみます。Sass 用の C コンパイラ。
したがって、私の環境で使用されている Sass のバージョンを調べるには、チェーンをたどって、各ステップで使用されているバージョンと、次のステップで使用されているバージョンを特定する必要があります。
きっともっと簡単な方法があるはずですか?
css - Sass: ネストされたマップから値とキーを取得する
Sassのネストされたマップから値とキーを取得しようとしています(具体的にはlibsassを使用しています)。
親マップを正常にループしていますが、各子マップの各アイテムの値とキーを取得する必要があります。
これはすべてSassmeisterにあり、おそらく最も簡単に確認できる場所です: http://sassmeister.com/gist/04ba839b0edff4b84a93
私の地図:
私のミックスイン:
参考までに:これも一部ですが、正しく機能しています:
css - Autoprefixer: プレフィックスを追加しない
Autoprefixer を Grunt、Livereload、および node-sass で動作させようとしています。
接頭辞が付いていないようです。
以下は私のGruntfile.jsです:
ファイルにプレフィックスが付けられていることを示す grunt コマンドの出力が表示されますが、css/styles.css を開くと、プレフィックスが表示されません。
何か案は?
responsive-design - Sass/Scss - 小数点以下の切り捨て
次の Sass ルールがあります。
次の css を出力します。
代わりに、このルールを次のようにする必要があります (10 進数の精度は重要ではありません。最後の値が 7 ではなく 6 であることだけです)。これは、サブピクセル レンダリングの問題を解決するためです。
sass 'floor' 関数を使用すると、全体が '16%' に切り捨てられます。Sassで小数点以下の桁数を切り捨てる方法はありますか? これを行うために mixin を使用するのはどうですか? libsass (sass 3.2) を使用しています。
「精度」の調整が機能しません - 最後の値はまだ「7」です。精度だけを変更すると、小数点以下の桁数が切り捨てられるだけです。必要なように、最後の小数点以下を切り捨てません。
コードペン: http://codepen.io/calumbrodie/pen/aOzVga
編集:これを重複としてマークした人は誰でも-これは別の質問です。他の質問は「精度」に関するものですが、これが「精度」に関するものではない理由を明示的に説明しています。私は本当にそれを明確にすることはできません。