問題タブ [autoprefixer]
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.
css - translateX プロパティと autoprefixer でコンパス トランジション ミックスインを使用するにはどうすればよいですか?
問題:
Compass と sass 変数 $property が正しく機能せず、使用したくありません$property: all
。
質問:
コンパス ミックスインが適切に移行するようにプロパティ値を設定するにはどうすればよい$property: translateX
ですか?
注: livereload での保存時に、コンパスと自動プレフィクサーを実行するうなり声の時計があります。
CSS:
css - Windows で symfony2 および assetic で Autoprefixer を使用する
すべての css プレフィックスを css に追加する優れた Autoprefixer ツールを発見しました。良い!ここでそれを参照してください: https://github.com/postcss/autoprefixer
また、asset で動作させるための symfony バンドルがあることも発見しました。ここでそれを参照してください: https://github.com/bit3/assetic-autoprefixer
残念ながら、私は Windows を実行している PC で開発しているため、「sudo something」を実行して autoprefixer をインストールすることはできません:「sudo npm install -g autoprefixer」
Windows 7 に autoprefixer をインストールする方法を知っている人はいますか?
どうもありがとう!
css - Gulp Autoprefixer が機能しない
Autoprefixer を Gulp で動作させることができません。CSS、グラデーション、および変換で不透明度を使用していますが、ベンダー プレフィックスが表示されません。それ以外の場合は、他のすべてが機能しています。
これが私のgulpファイルです:
- この問題に対するさまざまな解決策を検索して試しましたが、役に立ちませんでした。
.pipe(gulp.dest(''))
また、特定のディレクトリに変更しようとしました(この回答が示唆するように)、運がありません。
あなたが提供できる助けに感謝します。
* アップデート *
不透明度のプレフィックスを追加する Autoprefixer に関する私の素朴さに注意したいと思いますが、明らかにそうではありません。
sass - sass --watch の出力を autoprefixer にパイプする方法は?
次のような Sass スタイルのビルド コマンドがあります。
sass src/styles/main.scss --style compressed | autoprefixer -b \"> 1%, IE 8\" > dist/main.css
さて、開発プロセスにも同様のコマンドが必要です。しかし、変更されたファイルsass --watch
を autoprefixer cli にパイプする方法がわかりません。OSX用のfswatchツールでなんとか回避できましたが、より簡単で普遍的な解決策を望んでいます
gruntjs - Autoprefixer が IE のプレフィックスを追加しない
プロジェクトで Grunt-Autoprefixer を使用しようとしていますが、IE9 変換のプレフィックスを追加していません-ms-
http://caniuse.com/#search=transform
browserlist配列にIEがありますExplorer >= 8
browsers: [
"Android 2.3",
"Android >= 4",
"Chrome >= 20",
"Firefox >= 24",
"Explorer >= 8",
"iOS >= 6",
"Opera >= 12",
"Safari >= 6"
]
まだ、transform: whatever
なる
transform: whatever
-webkit-transform: whatever
私は何が欠けていますか?
node.js - Gulp なしで npm で Autoprefixer を使用する
gulp をまったく使用していませんが、ノードで autoprefixer を使用するには、これらすべての依存関係と devDependencies をインストールする必要がありますか?
https://github.com/postcss/autoprefixer/blob/master/package.json
次のようにノードで使用したい:
ここで説明されているように:http://blog.keithcirkel.co.uk/how-to-use-npm-as-a-build-tool/
しかし、システムがファイルを見つけることができないというエラーが表示されます。それがどのファイルを意味するのかわかりません。
でインストールしました
twitter-bootstrap - ブートストラップで使用される autoprefixer と gruntjs プラグイン ページの grunt-autoprefixer の違い
ブートストラップが grunt-autoprefixer を使用しないのはなぜですか?
なぜ彼らは他のものを使うのですか?
それらの違いは何ですか?
また、自分のプロジェクトにはどれを使用すればよいですか?
/混乱している
asp.net - デバッグ モードで BundleTransformer / LESS を使用して Autoprefixer を実行する
だから私は現在使用BundleTransformer
しており、ポストプロセッサLESS
を追加しようとしています。Autoprefixer
このプラグインは自動的に css like を受け取り、andtransform: scale(1.5)
に変換します。-webkit-transform
-moz-transform
私がリリースモードにいる場合、または持っているBundleTable.EnableOptimizations=true
場合、すべてが正常に機能し、プレフィックスが期待どおりに追加されます。
ただし、デバッグ モードでは、バンドル内の個々の CSS / LESS ファイルはすべて、個別の要求として HTML に存在します。CSHTML ファイルで次のコマンドを使用しています。
つまり、デバッグ モードではLINK
、次のタグに展開されます。
単一のファイルの代わりに
LESS ファイルの場合、IIS は自動的に変換しますが、Autoprefixer
.
.css
rawおよび.less
ファイルを要求するときに Autoprefixer を機能させる方法はありますか?
'Content/css/lessbundle
そうでない場合、私が見る唯一の代替手段は仮想URLを直接要求することであるため、私には無意味に思えますAutoprefixer
. リリース ビルド用にのみ縮小されます。