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