首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    解决 Vue CSS 样式重复载入,为 Vue 添加全局 less 或 sass 基础样式库

    诉求 项目开发使用了 iView 组件库,在开发过程中想自定义 iView 主题但是按照 iView 官方推荐「变量覆盖」方法配置完后会出现 CSS 样式重复载入的情况,如下图: 网上包括 Vue CLI...官方的「变量覆盖」教程和 Vue CLI 官方的自动导入教程发现了问题所在: 发现错误 iView 推荐的「变量覆盖」方法是这样的: 实质上就是新建一个 less 文件,引入 iview 的 less...而 Vue CLI 提供的自动化导入教程是这样的: image.png 实质上就是在每个文件(全局)导入我们提供的样式文件(示例中是 ..../src/styles/imports.styl' 文件) 正常来说按照 Vue CLI 官方给出的自动化导入教程配置就可以在开发环境下为全局导入「基础样式库」,但我因为先使用了 iView 官方提供的...「变量覆盖」方法修改了基础样式,又把带有引入 iview less 入口文件命令的自定义 less 文件当成基础样式库导入到了全局,这就造成了全局每一个页面都导入了一次 iview 样式从而引发前面所说的

    3.7K20
    领券