【VUE】Vite中使用less全局变量

Vite中对less的全局变量进行配置，方法与vue-cli并不相同，这里做个记录

首先，common.less的文件路径是：src/styles/common.js
然后，在vite.config.js中进行配置：

export default defineConfig({
css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
        additionalData: `@import "${path.resolve(__dirname, 'src/styles/common.less')}";
      }
    }
  }
}

其他

后续整理之后，再把常用的全局变量文件也记录一下。

参考

vite中：https://blog.csdn.net/Mrceel/article/details/120520396
vue-cli中：https://www.jianshu.com/p/cbeaabc95446
less官网：https://less.bootcss.com/