vite.config.ts里配置autoprefixer
时间: 2024-03-22 10:13:01 浏览: 75
vue3+vite+ts环境搭建步骤
5星 · 资源好评率100%
在 Vite 中使用 Autoprefixer 可以通过以下步骤实现:
1. 首先需要安装 `autoprefixer` 和 `postcss`,你可以使用以下命令进行安装:
```
npm install autoprefixer postcss --save-dev
```
2. 在 `vite.config.ts` 中引入 `autoprefixer` 和 `postcss`:
```typescript
import autoprefixer from 'autoprefixer';
import postcss from 'postcss';
```
3. 在 `vite.config.ts` 的 `plugins` 中添加 `postcss` 插件,并在 `postcss` 插件中添加 `autoprefixer`:
```typescript
export default {
plugins: [
postcss({
plugins: [
autoprefixer()
]
})
]
}
```
4. 最后重新启动 Vite,Autoprefixer 就会自动为你的 CSS 代码添加浏览器前缀了。
注意:如果你使用的是 Vue CLI,可以直接在 `vue.config.js` 中配置 `postcss` 和 `autoprefixer`。
阅读全文