問題タブ [autoprefixer]

ウェブデザインを学んでいます。Autoprefixerというツールを見つけました。 https://github.com/postcss/autoprefixer html および css エディターとして Notepad++ を使用しています。しかし、Notepad++ でAutoprefixerを使用する方法が見つかりません。Notepad++ 用のプラグインはありますか? または、私の Web ページに実装する方法を教えてください。Autoprefixerの jQuery プラグインはありますか? jQueryプラグインの使い方を知っています。私のhtmlファイルにスクリプトタグを追加するだけです。または、私が簡単に理解できる他の提案を教えてください。事前にサンクス。

私は autoprefixer を使用していますが、Firefox のキーフレームにプレフィックスを付ける必要はないと考えています。(最新のFF38を使用)

私のオリジナルCSS

autoprefixer によって生成された CSS

-moz次に、使用された場合、アニメーション中にカーソルがアニメーション化されないのはなぜですかhttp://codepen.io/ArtemGordinsky/pen/GnLBq

トラブルシューティングに 3 日以上費やしました。どこにも行きません。この時点での支援に感謝します。これが私のコードです：

指定したソース ディレクトリに単一の .css ファイルを配置し、プレフィックスが必要なプロパティ/値を追加しました。たとえば、transform、column-count、および表示プロパティの「flex」値です。

実行すると、gulp はエラーを出さず、ファイルも変更されず、ほとんど何も起こりません。出力ファイルへのパスを指定し、prefixer() 呼び出しからオプションを削除し、値を .src() および .dest() メソッドにハードコーディングし、コマンド全体を単一のファイルで実行してみましたシーケンスランナー、モジュールの再インストール、パッケージの更新など。

私はドキュメントを隅から隅まで読み、それらを「T」までたどり、モジュールの作成者に連絡して私のコードを見てもらいました。私は自分が間違っていることを単に見ることができません。

font-awesomeアイコン「コンテンツ」の処理に問題を引き起こすgulp-autoprefixerを使用して、SASS用に次のGulpタスクをセットアップしました。

仕組み (gulp-autoprefixer なし)

それはうまく機能し、私が期待する結果を出力します。

ユーザーアイコンの例 ( gulp-autoprefixer なし):

壊れる方法 (gulp-autoprefixer を使用)

このタスクに autoprefixer を追加すると、次のようになります。

出力が壊れます。これは、fa-user (gulp-autoprefixer を使用)に対して得られるものです。

文字セット(UTF-8/UTF-16)に問題があるようです。

gulp-autoprefixer でその動作を回避する可能性はありますか?

本当に直せない。node_modules フォルダーを何度も削除しました。また、置き換えようとしました： grunt.loadNpmTasks('/var/www/XXX/public/node_modules/autoprefixer-core');

=>代わりに=>

grunt.loadNpmTasks('autoprefixer-core');

しかし、何も役に立ちません。ただし、私のコードが機能している瞬間:

つまり、autoprefix-coreが機能しているということです

しかし、どういうわけかエラーを出します。=(

助けてください！

公式ドキュメントによると、これは簡単です：

使用法：

cssただし、で使用するオブジェクトを確立するために正確に何をするかについては混乱していますprocess()。の結果を使用してみましたfs.readfile()が、機能していないようです。私のサーバー モジュールはかなり大きいので、ここではコードを省略した方がよいかもしれません。cssプロセス関数の作成方法を知る必要があるだけです。

postcssを使用していますが、動作しautoprefixer-coreません。

css は正しいファイルに出力されていますが、autoprefixer は効果がありません。NPM で postcss と autoprefixer の両方をインストールしました。それらは私の gruntfile.js ファイルにあります。Grunt はエラーを出力していないため、デバッグが非常に困難です。

これが私のコードです：

私のコードとgithub のデモとの唯一の違いは、行require('autoprefixer-core')({browsers: 'last 2 version'})です。デモは.postcss最後に含まれています。これを行うと、エラーが発生します: Fatal error: undefined is not a function。

ここで何が欠けていますか？

そのため、Autoprefixer は更新された postcss バージョンを使用するように私を悩ませてきたので、Gulp ファイルを更新しようとしています。

問題は、すべての例が最初のステップとして Sass を統合していないことです。私はgulp-ruby-sassを使っています。

sass ディレクトリで sass タスクを実行すると (そこで処理する必要がある 2 つの scss ファイルがあります)、これは機能し、dest ディレクトリに 2 つの css ファイルを出力します。

しかし、私の質問は、次の部分をどのように統合して、CSS を autoprefixer に渡し、ソースマップを生成するかということです。これを順番に次に実行すると、これは object is not a function エラーで爆発します:

私はそれらをシーケンスとして実行しようとしていましたが、むしろそれらを統合したいと思います:

ruby-sass、autoprefixer、および sourcemap をすべて連携させるためのパイプをまとめることはできません。

アップデート：

OK、タスクを分離したままにしておくことにした場合でも (@patrick-kostjens によって以下に提案されているように)、Autoprefixer タスクを実行すると、次のエラーが発生します。

そして、提案どおり autoprefixer = autoprefixer-core を試しました。

私はうなり声（および一般的にnpm）に非常に慣れていないので、明らかに明らかなことを見逃していたら許してください！

autoprefixer プラグインを使用するために gruntfile (この特定の課題を開始する前は問題なく動作していました) をセットアップしようとしています。このブログhttp://grunt-tasks.com/autoprefixer/の指示に従いましたが、 grunt を初期化しようとすると、次のエラーが表示されます。

そして、ここに私のうなり声があります：

何か不足していますか？（それは明らかにカンマの置き忘れのようなばかげたものですよね!!） よろしくお願いします