2017-10-06 12 views
0

私は@ angular/cli @ 1.4.3を使用しています。プレフィックス付きCSSを削除した角度のCLI

ビルド前に、gulp-postcssを使用してCSSを自動プレフィックスしています。それは治療に役立ちます。作成するCSSのサンプルを示します(可読性のために縮小されていません)。

完璧! CLIはアプリを構築するときには、作成したCSSは次のようになります。その半分が欠落しているか

form.registration-form { 
    display:-webkit-box; 
    display:-ms-flexbox; 
    display:flex; 
    -webkit-box-align:center; 
    -ms-flex-align:center; 
    align-items:center; 
    -webkit-box-flex:1; 
    -ms-flex-positive:1; 
    flex-grow:1; 
    -ms-flex-wrap:wrap; 
    flex-wrap:wrap 
} 

お知らせ! :/

私は困惑しています。どんな助けでも、私は永遠に感謝しています!

乾杯!

答えて

3

あなたのCSSに必要なプレフィックスは、browserslist(https://github.com/ai/browserslist)を使って確認しています。あなたは

"browserslist": [ 
    "> 1%", 
    "last 2 versions" 
] 

をサポートするブラウザものをピックアップしてbrowserslistのためのあなたのpackage.jsonファイルにbrowserslistプロパティを追加することもできますし、あなたのディレクトリのルートに.browserslistrcファイルを追加

### Supported Browsers 

> 1% 
last 2 versions 

これで、自動プレフィクサーはサポートしたいブラウザーを選び、それに応じてプレフィックスを付けます。つまり、角度のある文書(https://github.com/angular/angular-cli/wiki/stories-autoprefixer

つまり、gulp-postcss & angularciはさまざまなブラウザの範囲をサポートしており、その結果、異なるCSS接頭辞になります。

+1

これを調べている他の人にとって、私はこの知識を使って私のプロジェクト全体を通してガルプへの私の依存をほとんど完全に取り除くことができました。私はCLIがwebpackを使用していることを知っていましたが、このようにCSSを自動プレフィックスするように設定されているかどうかはわかりませんでした。永遠の感謝はあなたですLLai <3 –