有些东西不记录一下,不久就忘了。
好记性不如烂笔头!
vite配置less全局变量
Less变量文件地址如下:
复制代码
1
2src/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
2yarn add @types/node
最后
以上就是痴情滑板最近收集整理的关于vite配置less全局变量vite配置less全局变量可能遇到的问题的全部内容,更多相关vite配置less全局变量vite配置less全局变量可能遇到内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复