問題タブ [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.
gruntjs - Grunt Pleease: 既存のソース マップを拡張する
私は Sass を書き、grunt-pleeease を使用して @includes などをインライン化します。残念ながら、ソース マップをインライン化し、既存のマップを無視します。
sass のソース マップ ファイルは、渡す css と同じフォルダーにあります (main.css および main.css.map)。
既存のソース マップを使用して拡張するように指示する方法はありますか?
gruntjs - autoprefixer を使用する最も簡単な方法は?
私がやりたいことは、css を監視して自動プレフィックスできるツールを用意することだけです。以前はpleeease.ioを使用していましたが、私のような初心者にとっては非常に簡単です.npmを介してインストールした後、オプションファイル(.pleeeaserc)を作成してから実行する必要があります
その後、CSS に集中できます。CSS ファイルに変更を加えるたびに、処理されて出力されます。
残念ながら、私がそうするとき、作者はそれを維持するのをやめたようです
新しいサーバーで多くのエラーが発生し、インストールに失敗しました。
autoprefixer を直接使用する方法を学ぶ時が来たと思います。これは、依存関係の 1 つとして統合されていると思います。
ただし、学習曲線は私には少し多すぎることがわかりました。autoprefixer を使用するには、PostCSS を学ぶ必要があります。PostCSS は通常、Grunt または Gulp で実行されます。タスク ランナーを使用するには、npm と node.js についてある程度知っておく必要があります。これらはすべて、多くの時間を節約できる便利なツールであることを知っています。それらを使用すると、自動接頭辞以上のことができます。後で詳しく説明しますが、現在のプレッシャーの下では、PostCSS に関するすべてのドキュメントや記事を消化することなく、オートプレフィックスを起動して実行するために、pleeease のようなショートカットが本当に必要です。次のようなことができるといいのですが
私のscss
フォルダーの下にあり、に変更を加えて保存するたびにinput.scss
、output.scss
ファイルが生成されます。
そこで、PostCSS を学習したり、オートプレフィクサーの作業をできるだけ簡単にしたりするための努力の一環として、いくつか質問があります。
PostCSS
1) 明確にするために、との関係は何PostCSS-cli
ですか? 後者は前者に依存しているか、または前者を含んでいますか?
postcss
2) 後者をインストールすると、コマンドライン インターフェイスでコマンドを使用できるようになるだけですか?
3) コマンドを実行しnpm install -g postcss-cli
たのにまだpostcss
コマンドを使用できません。何が間違っていましたか?
4) ファイルの変更を監視して自動的にコンパイルするには、Grunt や Gulp などのタスク ランナーを PostCSS と共に使用する必要がありますか?
npm install postcss
5)との違いは何npm install grunt-postcss
ですか?