样式处理-自动导入

问题:在less中书写的样式或者动画特效需要导入很多页面,在很多组件中使用,如果不导入就会出现报错的情况

参考文献:cn.vitejs.dev/config/shar…

可以直接修改vite.config.ts,增加一个内容

export default defineConfig({
  css: {
    preprocessorOptions: {
      less: {
        additionalData: `
          @import "@/assets/styles/variables.less";
          @import "@/assets/styles/mixins.less";
        `
      }
    }
  }
})

就有点类似于全局的导入的感觉