使用 VueRouter 之后， Vite 里面的 css preprocessorOptions 失效了，可能是什么原因？
movq · 2022-01-28 14:24:48 +08:00 · 1259 次点击这是一个创建于 1034 天前的主题，其中的信息可能已经有所发展或是发生改变。
使用 Vite+Vue3+VueRouter+TypeScript 开发
一开始的时候我没有引入 VueRouter
这时候我在 vite.config.ts 里面进行了 css 配置，重写了我 UI 框架的一些变量
这些重写都是有效的
css: {
preprocessorOptions: {
less: {
modifyVars: {
'primary-color': '#1DA57A',
'layout-header-background': '#FFFFFF',
"tag-font-size": '8px',
}
,
javascriptEnabled: true
}
}
},
但是引入 VueRouter 之后，这些配置就没用了，可能是什么原因？
第 1 条附言 · 2022-01-28 15:13:50 +08:00
我试了一下，如果我在单个 vue 组件里面，把<style></style>标签改成<style lang="less"></style>
然后里面写：
<style lang="less">
@import 'ant-design-vue/dist/antd.less';
</style>
那么在这单个组件内，就可以生效
问题是 vue router 到底破坏了什么，才导致现在这种状况？
然后里面写：
<style lang="less">
@import 'ant-design-vue/dist/antd.less';
</style>
那么在这单个组件内，就可以生效
问题是 vue router 到底破坏了什么，才导致现在这种状况？
 |
1
silk 2022-01-29 13:39:14 +08:00
你使用 vite 进行项目管理的时候没有引入 antdv 的样式变量文件 路由只是一个依赖不会影响吧...
|
Select Language