vue3+vite全局引入less变量和函数

需要在vite配置

plugins: [     css: {       preprocessorOptions: {         less: {           additionalData: '@import "./src/styles/variables.module.less"; @import "./src/views/Visualization/component/ViewportCom/px2viewport.less";',           javascriptEnabled: true         }       }     }, ] 

多个文件按上面格式引入

使用

<style lang="less" scoped> .viewport {   .px2font(20);   background-color: red; } </style>