1.搭建项目
pnpm create vite
2.下载postcss
pnpm i postcss
pnpm i postcss-pxtorem
pnpm i autoprefixer
也可以去官网找其他插件下载
3.配置vite.config.js
import postCssPxToRem from 'postcss-pxtorem'
import autoprefixer from 'autoprefixer'export default () => {return {css: {postcss: { plugins: [postCssPxToRem({ // 自适应,px>rem转换rootValue: 16, // 1rem的大小propList: ['*'], // 需要转换的属性,这里选择全部都进行转换}),autoprefixer({ // 自动添加前缀overrideBrowserslist: ["Android 4.1","iOS 7.1","Chrome > 31","ff > 31","ie >= 8"],})]},}};
}
参考:
http://t.csdnimg.cn/J84pt