我是靠谱客的博主 痴情滑板,这篇文章主要介绍vite配置less全局变量vite配置less全局变量可能遇到的问题,现在分享给大家,希望可以做个参考。

有些东西不记录一下,不久就忘了。
好记性不如烂笔头!

vite配置less全局变量

Less变量文件地址如下:

复制代码
1
2
src/assets/styles/base.less

方法一

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// vite.config.ts import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path'; // https://vitejs.dev/config/ export default defineConfig({ css: { preprocessorOptions: { less: { javascriptEnabled: true, additionalData: `@import "${path.resolve(__dirname, 'src/assets/styles/base.less')}";` } } })

方法二

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// vite.config.ts import { defineConfig } from 'vite' import path from 'path'; // https://vitejs.dev/config/ export default defineConfig({ css: { preprocessorOptions: { less: { modifyVars: { hack: `true; @import (reference) "${path.resolve('src/assets/styles/base.less')}";`, }, javascriptEnabled: true } } } })

可能遇到的问题

在引入 path 时报错。

import path from ‘path’;

解决办法: 根据提示安装 @types/node

复制代码
1
2
yarn add @types/node

最后

以上就是痴情滑板最近收集整理的关于vite配置less全局变量vite配置less全局变量可能遇到的问题的全部内容,更多相关vite配置less全局变量vite配置less全局变量可能遇到内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(98)

评论列表共有 0 条评论

立即
投稿
返回
顶部