vite创建的Vue3项目使用less

1、在终端中输入命令行：下载插件

npm install less --save

npm install less-loader@7.x --save-dev

也就是 npm i less less-loader -D 下载 less 和 less-loader

2、要想全局使用less 还需要下载一个插件( sass-resources-loader )

npm i sass-resources-loader -D

3、配置文件vite.config.js

• const path = require('path');
  module.exports = {
      pluginOptions: {
          'style-resources-loader': {
              preProcessor: 'less',
              patterns: [path.resolve(__dirname, './src/assets/css/style.less')]
          }
      },
  };