pc端适配不能用less预编译

Question

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

请教啊小伯踩坑啦

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

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

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

Answer 1

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