怎么在uni app vite.config中配置scss
时间: 2024-05-12 13:19:34 浏览: 223
vite.config.ts
在Vite中配置scss需要使用vite-plugin-style-import插件。具体步骤如下:
1. 安装vite-plugin-style-import插件
``` bash
npm install vite-plugin-style-import --save-dev
```
2. 在vite.config.js中添加以下代码
``` javascript
import styleImport from "vite-plugin-style-import";
export default {
plugins: [
styleImport({
libs: [
{
libraryName: "vant",
esModule: true,
resolveStyle: (name) => `vant/es/${name}/style`,
},
],
}),
],
};
```
3. 配置完成后,可以在组件中使用scss语法,例如:
``` css
<style lang="scss">
$color: #f00;
.title {
color: $color;
}
</style>
```
以上就是在uni app中配置scss的方法。
阅读全文