關於PostCss的理解

借鑑了大牛的博客 去看看

BEM中涉及css命名規範的內容
PostCss是一個樣式處理工具，它經過自定義的插件和工具生態體系來從新定義css。
    npm install --save-dev style-loader css-loader postcss-loader stylus-loader
    在項目中的根目錄下，建個postcss.config.js文件，裏面導出一個空模塊
        autoprefixer 自動添加前綴
        cssnano 壓縮css代碼
        postcss-cssnext css的下一代，使用css4的新語法包含了autoprefixer插件
        postcss-pxtorem插件將px轉換成rem
        
    問題一：好比像border這種我不肯意替換成rem的我該怎麼解決？
        我仍是想使用px來表達的話，那麼咱們能夠把1px寫成 1Px 或 1PX來解決
    問題二：postcss-pxtorem中有哪些屬性？
        require('postcss-pxtorem')({
        //假設設計稿750寬;rootValue爲75，說是對根元素大小進行設置.
            rootValue: 75,
        //unitPrecision爲5,是轉換成rem後保留的小數點位數.
            unitPrecision: 5,
        //propList是一個存儲哪些將被轉換的屬性列表，這裏設置爲['*']所有，假設須要僅對邊框進行設置，能夠寫['*', '!border*']意思是排除帶有border的屬性.
            propList: ['*'],
        //selectorBlackList則是一個對css選擇器進行過濾的數組，好比你設置爲['fs']，那例如fs-xl類名，裏面有關px的樣式將不被轉換這裏也支持正則寫法。
            selectorBlackList: [],
            replace: true,
            mediaQuery: false,
        //minPixelValue的選項，我設置了12，意思是全部小於12px的樣式都不被轉換
            minPixelValue: 12
        })
    問題三：怎麼經過wenpack配置二倍圖三倍圖？
複製代碼