1、安裝 PostCSS 和所需的插件。在命令行中運行以下命令:
npm install postcss autoprefixer cssnano postcss-pxtorem --save-dev
這將安裝 PostCSS、Autoprefixer、CSSnano 和 postcss-pxtorem 插件,同時將它們添加到項目的開發依賴中。
2、在項目根目錄下創建一個名為 postcss.config.js 的文件,并在其中配置 PostCSS
module.exports = {plugins: [require("autoprefixer"),require("cssnano"),require("postcss-pxtorem")({rootValue: 37.5,propList: ["*"],selectorBlackList: ["html"],}),],
};
這個配置文件指定了使用 Autoprefixer、CSSnano 和 postcss-pxtorem 插件,并設置了相應的選項。
通常需要將 PostCSS 作為一個處理器插入到構建流程中,并指定要處理的 CSS 文件和目標文件夾
“browserslist”: [
“defaults”,
“not ie < 11”,
“last 2 versions”,
“> 1%”,
“iOS 7”,
“last 3 iOS versions”
]