vue3+vite安装less模块

本文章向大家介绍vite+vue3中使用less，主要内容包括一 . vite.config.ts 配置、二: 安装less、三: 接着正常使用、使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

安装命令

// 安装less
npm i less-loader less --save-dev

• vite.config.ts配置-设置全局的css样式

css: {
        preprocessorOptions: {
            less: {
                modifyVars: {
                    hack: `true; @import (reference) "${path.resolve("src/assets/css/base.less")}";`,
                },
                javascriptEnabled: true,
            },
        },
    },

• 代码中应用

<style lang="less"  scoped >

</style>