Autoprefiximg Semantic-UI

Question

私は初心者で、semantic-uiのLessファイルを自動プレフィックスする方法を尋ねたいと思いますか？ドキュメントによると、

Answer 1

自動プレフィクサーは、開発者がすべてのベンダープレフィックスを覚えようとするのを忘れることなくワークフローに統合する人気のあるプラグインです。 https://github.com/postcss/autoprefixer

サブライムテキストエディタを使用している場合は、パッケージマネージャを使用してインストールすることもできます。パッケージのユーザー設定では、サポートするブラウザーを選択できます。たとえば、次のようになります。['> 5%', 'last 1 version']

自動プレフィクサーは、ターゲットとするブラウザーを指定するのにBrowerlistを使用します。

AutoprefixerはCSSのための後処理があるので、あなたはまた、このようなサス、スタイラスやLESSなど、プリプロセッサを搭載した 使用することができます。

各LESSファイルを開き、それにAutoprefixerを適用する代わりに、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