工程化:vite3和vue3项目里面如何全局声明less变量(三)

在大型项目中，我们会有很多页面用到相同的css属性值，有时候我们会在less里面声明一个变量，然后再需要的地方直接使用，方便我们后期的维护修改和升级，在vite里面做好less变量的统一全局声明，sfc文件里面就不用每次都引入该变量，具体的操作方法如下:

入口文件顶部加上我们的样式入口文件

import '@/design/index.less'  //入口文件顶部加上我们的样式入口文件
import {
    createApp } from 'vue'
import 'ant-design-vue/dist/antd.css'
import './style.css'
// import Antd from 'ant-design-vue'

import App