0

私は初心者で、semantic-ui の Less ファイルを自動接頭辞にする方法を知りたいですか? ドキュメントによると、

Add vendor prefixes for supported browsers with autoprefixer
4

1 に答える 1

0

Autoprefixer は、開発者がすべてのベンダー プレフィックスを覚えようとして頭を悩ませないようにワークフローに統合する人気のあるプラグインです。リンクは次のとおりです: https://github.com/postcss/autoprefixer

Sublime Text Editor を使用している場合は、パッケージ マネージャーからインストールすることもできます。パッケージのユーザー設定で、サポートするブラウザーを選択できます。例えば：['> 5%', 'last 1 version']

Autoprefixer は、Browerlistを使用して、対象となるブラウザーを指定します。

Autoprefixer は CSS のポストプロセッサであるため、Sass、Stylus、LESS などのプリプロセッサでも使用できます。

各 LESS ファイルを開いて Autoprefixer を適用する代わりに使用できる方法の 1 つは、gulp-lessプラグインを使用することです。

次に例を示します。

var LessAutoprefix = require('less-plugin-autoprefix');
var autoprefix = new LessAutoprefix({ browsers: ['last 2 versions'] });

return gulp.src('./less/**/*.less')
  .pipe(less({
    plugins: [autoprefix]
  }))
  .pipe(gulp.dest('./public/css'));

コードソース: https://github.com/plus3network/gulp-less

于 2016-10-21T02:54:24.223 に答える