autoprefixer自動(dòng)添加前綴

github地址

也可以點(diǎn)擊這個(gè)然后搜索install

1.安裝全局的autoprefixer

    npm *install* --global postcss-cli autoprefixer

2. 通過(guò)命令行調(diào)用

    postcss --use autoprefixer *.css -d build/

其中-d表示最終目的地（destination）這樣會(huì)把文件存放在當(dāng)前文件夾里面新建的build文件夾中

3.具體運(yùn)用

  1. 如果我們要把d盤(pán)的autoprefixer文件夾下的css自動(dòng)添加前綴


    切換d盤(pán)
  2. 運(yùn)行postcss --use autoprefixer style.css -d build/
    在子目錄下創(chuàng)建文件保存

    !查看生成的文件](http://upload-images.jianshu.io/upload_images/3635292-bacedce86b75235e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

3.1. 切換文件的保存路徑

    postcss --use autoprefixer try.css -d /f/build/
切換不同的路徑
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 什么是webpack: webpack可以看做是模塊打包機(jī)：它做的事情是，分析你的項(xiàng)目結(jié)構(gòu)，找到JavaScrip...
    不去解釋閱讀 817評(píng)論 0贊 2
  • window下安裝方法Appserv 官網(wǎng)http://www.appservnetwork.com安裝成功后，到...
    深沉的簡(jiǎn)單閱讀 652評(píng)論 0贊 0
  • #微信熱修復(fù)框架Tinker 接入指南----------> Tinker簡(jiǎn)介：By騰訊微信團(tuán)隊(duì)開(kāi)發(fā),技術(shù)原理簡(jiǎn)介...
    奈何心善閱讀 949評(píng)論 0贊 0
  • # 信息系統(tǒng)前沿課--范老師授課 #第二次作業(yè)## 一、重新使用Markdown ##熟悉語(yǔ)法，了解Markdow...
    thought_10c7閱讀 750評(píng)論 0贊 0
  • 交際花當(dāng)然不是一種花兒 這詞兒，擱現(xiàn)在也絕對(duì)不是什么雅詞 上世紀(jì)動(dòng)蕩的30、40年代，一個(gè)高級(jí)的交際花，出處多歸定...
    張大妞閱讀 593評(píng)論 0贊 1