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

需要在vite配置

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

多个文件按上面格式引入

使用

javascript 复制代码
<style lang="less" scoped>
.viewport {
  .px2font(20);
  background-color: red;
}
</style>
相关推荐
程序视点1 小时前
IObit Uninstaller Pro专业卸载,免激活版本,卸载清理注册表,彻底告别软件残留
前端·windows·后端
前端程序媛-Tian2 小时前
【dropdown组件填坑指南】—怎么实现下拉框的位置计算
前端·javascript·vue
嘉琪0012 小时前
实现视频实时马赛克
linux·前端·javascript
烛阴2 小时前
Smoothstep
前端·webgl
若梦plus3 小时前
Eslint中微内核&插件化思想的应用
前端·eslint
爱分享的程序员3 小时前
前端面试专栏-前沿技术:30.跨端开发技术(React Native、Flutter)
前端·javascript·面试
超级土豆粉3 小时前
Taro 位置相关 API 介绍
前端·javascript·react.js·taro
若梦plus3 小时前
Webpack中微内核&插件化思想的应用
前端·webpack
若梦plus3 小时前
微内核&插件化设计思想
前端
柯北(jvxiao)3 小时前
搞前端还有出路吗?如果有,在哪里?
前端·程序人生