npm i postcss-pxtorem autoprefixer amfe-flexible --save-dev

postcss-pxtorem 是PostCSS的插件，用于將像素單元生成rem單位
autoprefixer 瀏覽器前綴處理插件
amfe-flexible 可伸縮布局方案 替代了原先的lib-flexible 選用了當前眾多瀏覽器兼容的viewport

module.exports = {
    plugins: {
        autoprefixer: {
            overrideBrowserslist: [
                "Android 4.1",
                "iOS 7.1",
                "Chrome > 31",
                "ff > 31",
                "ie >= 8",
                "last 10 versions", // 所有主流瀏覽器最近10版本用
            ],
            grid: true,
        },
        "postcss-pxtorem": {
            rootValue: 192, // 設計稿寬度的1/ 10 例如設計稿按照 1920設計 此處就為192
            propList: ["*", "!border"], // 除 border 外所有px 轉 rem
            selectorBlackList: [".el-"], // 過濾掉.el-開頭的class，不進行rem轉換
        },
    },
};

import "amfe-flexible/index.js";