問題タブ [pleeease]

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.

0 投票する
1 に答える
111 参照

gruntjs - Grunt Pleease: 既存のソース マップを拡張する

私は Sass を書き、grunt-pleeease を使用して @includes などをインライン化します。残念ながら、ソース マップをインライン化し、既存のマップを無視します。

sass のソース マップ ファイルは、渡す css と同じフォルダーにあります (main.css および main.css.map)。

既存のソース マップを使用して拡張するように指示する方法はありますか?

0 投票する
2 に答える
1512 参照

gruntjs - autoprefixer を使用する最も簡単な方法は?

私がやりたいことは、css を監視して自動プレフィックスできるツールを用意することだけです。以前はpleeease.ioを使用していましたが、私のような初心者にとっては非常に簡単です.npmを介してインストールした後、オプションファイル(.pleeeaserc)を作成してから実行する必要があります

その後、CSS に集中できます。CSS ファイルに変更を加えるたびに、処理されて出力されます。

残念ながら、私がそうするとき、作者はそれを維持するのをやめたようです

新しいサーバーで多くのエラーが発生し、インストールに失敗しました。

autoprefixer を直接使用する方法を学ぶ時が来たと思います。これは、依存関係の 1 つとして統合されていると思います。

ただし、学習曲線は私には少し多すぎることがわかりました。autoprefixer を使用するには、PostCSS を学ぶ必要があります。PostCSS は通常、Grunt または Gulp で実行されます。タスク ランナーを使用するには、npm と node.js についてある程度知っておく必要があります。これらはすべて、多くの時間を節約できる便利なツールであることを知っています。それらを使用すると、自動接頭辞以上のことができます。後で詳しく説明しますが、現在のプレッシャーの下では、PostCSS に関するすべてのドキュメントや記事を消化することなく、オートプレフィックスを起動して実行するために、pleeease のようなショートカットが本当に必要です。次のようなことができるといいのですが

私のscssフォルダーの下にあり、に変更を加えて保存するたびにinput.scssoutput.scssファイルが生成されます。

そこで、PostCSS を学習したり、オートプレフィクサーの作業をできるだけ簡単にしたりするための努力の一環として、いくつか質問があります。

PostCSS1) 明確にするために、との関係は何PostCSS-cliですか? 後者は前者に依存しているか、または前者を含んでいますか?

postcss2) 後者をインストールすると、コマンドライン インターフェイスでコマンドを使用できるようになるだけですか?

3) コマンドを実行しnpm install -g postcss-cliたのにまだpostcssコマンドを使用できません。何が間違っていましたか?

4) ファイルの変更を監視して自動的にコンパイルするには、Grunt や Gulp などのタスク ランナーを PostCSS と共に使用する必要がありますか?

npm install postcss5)との違いは何npm install grunt-postcssですか?