pc端适配不能用less预编译

vue3.0的项目刚做完pc端自适应适配,加上less就不能适配,不加就能适配。这是什么问题??百度都搜不到,wTM,此处省略一万个字。

请教啊小伯踩坑啦

 //注意看html标签font-size:27.5px
<style lang="less">
img{
  width: 500px;
  height: 500px;
  font-size: 20px;
}
style>

这是加上lang=“less”的效果

img

这是不加上less=“less”的效果

img

  1. 是不是使用的vite?如果使用vite作为打包工具,问题解决请看这个:
    https://vitejs.cn/guide/features.html#css-pre-processors
    解决:npm install -D less
  2. 如果是webpack,那么webpack默认是没有less处理的,是需要加less-loader,和less依赖:
    解决:npm install -D less less-loader
    并配置webpack less-loader插件,参看:https://blog.csdn.net/u010234868/article/details/120394115

安装less了嘛