【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中：blog.csdn.net/Mrceel/arti… vue-cli中：www.jianshu.com/p/cbeaabc95… less官网：less.bootcss.com/