三.vite 配置

前言

掌握一些项目中常见的 webpack 配置，能够从容应对一些开发场景问题

1.响应式页面配置（rem）

• main.ts

import 'amfe-flexible'

• vite.config.ts

import postCssPxToRem from 'postcss-pxtorem';

css: {
    ...
    postcss: {
        plugins: [
            postCssPxToRem({
                rootValue: 75,
                propList: ['*']
            })
        ]
    }
}

2

总结

了解 vue 项目中的 vuecli 的作用，以及相关的配置方式，能在项目中遇到相关问题时轻松应对