// 生成仅包含颜色的替换样式(主题色等)new ThemeColorReplacer({fileName: 'style/theme-colors.[contenthash:8].css',matchColors: [...forElementUI.getElementUISeries(appConfig.themeColor), // element-ui主色系列'#0cdd3a', // 自定义颜色'#c655dd'],changeSelector: forElementUI.changeSelector,isJsUgly: process.env.NODE_ENV === 'production' ? true : undefined})],

原版是通过hash加载

      // 生成仅包含颜色的替换样式(主题色等)new ThemeColorReplacer({fileName: 'style/theme-colors.[contenthash:8].css',matchColors: [...forElementUI.getElementUISeries(appConfig.themeColor), // element-ui主色系列'#0cdd3a', // 自定义颜色'#c655dd'],changeSelector: forElementUI.changeSelector,injectCss: true,isJsUgly: process.env.NODE_ENV === 'production' ? true : undefined})],

injectCss 参数设置为true,通过js注入,这样就不会加载不到生成的样式

webpack-theme-color-replacer 路由跳转之后,样式丢失相关推荐

  1. Vue导航点击路由跳转后样式不变

    Vue导航点击路由跳转后样式不变 <template><ul><li :class="{active:isActive==1}" @click=&qu ...

  2. vue实现登录路由跳转到成功页面

    一. 效果 1.未登陆之前 2.登录界面 3.登录之后路由跳转 二.需求分析 要求: 使用vue-cli搭建 创建项目 密码输入框有 两个功能,当用户输入时候如果坚持caps lock处于开启状态. ...

  3. Vue(小码哥王洪元)笔记06路由,url的hash,history,router-linke,路由跳转,动态路由,懒加载,路由嵌套,router参数传递,导航守卫

    1.什么是路由 路由器提供了两种机制:路由和传送 路由:数据报从来源到目的地的路径 传输:将输入端的数据转移到合适的输出端 路由有一个非常重要的概念教路由表 路由表本质上就是一个映射表,决定了数据包的 ...

  4. vue路由跳转权限_vue权限路由实现方式总结

    使用全局路由守卫 实现 前端定义好路由,并且在路由上标记相应的权限信息 const routerMap = [ { path: '/permission', component: Layout, re ...

  5. 11.14 尚品汇 day01 脚手架,路由命名,路由跳转,传参,props传参,重写push,replace

    less使用 npm i less npm i less-loader 安装easy less 1)要求 1.1:每一天老师书写代码务必三遍 1.2:node + webpack + VScode + ...

  6. 如何给Vue v-for循环渲染出的元素(导航栏) 批量添加点击事件 及 点击后添加css类样式 及 点击后路由跳转切换

    如何给Vue v-for循环渲染出的元素 批量添加点击事件 及 点击后添加css类样式 及 点击后路由跳转切换 能够实现或解决的问题 给Vue v-for循环出的元素批量添加点击事件,并以自己在数组中 ...

  7. Vue3(撩课学院)笔记07-vueRouter路由,创建路由,路由重定向,路由跳转,动态路由,路由懒加载,路由嵌套,路由参数穿传递的两种形式,通过事件来跳转路由

    1.vueRouter路由的两种模式 哈希模式:以#号分割,前端路由一般用hash模式比较多,可以兼容ie8以上,井号后面不发起请求 历史模式:putstate()和replaceState()方法入 ...

  8. vue2项目复习01-关闭elint检校,src文件别名,路由传参的对象写法,代理解决跨域问题,nprogress,vuex状态管理库,store的模块式开发,节流与防抖,编程式导航+事件委托路由跳转

    1.关闭elint语法校验 创建vue.config.js //关闭elint语法校验 {lintOnSave:false; } 2.src文件夹配置别名 jsconfig.json配置别名 @代表s ...

  9. vue 项目 路由跳转时,ie报错 缺少')'

    vue 项目 路由跳转时,ie报错 缺少')' 报错信息 解决办法 报错信息 vue项目中使用了vue-echarts,项目启动后,在chrome上路由跳转没问题,但是在ie的控制台报"缺少 ...

  10. 微信vue路由跳转兼容_vue使用感受(二)组件间跳转

    想要看代码高亮的可以去我的微信公众号(pearapple_2015)查看. 昨天我们聊了一下vue的组件间传值,今天来讨论下我遇到的第二个问题组件间跳转.在不使用前端框架的时候,如果我们要点击菜单跳转 ...

最新文章

  1. 【大牛招生】李飞飞的实验室招人了!不限专业,有跨学科研究经验优先
  2. tensorflow2 存取模型_思维导图:长短期记忆模型
  3. android 数字时钟代码大全,Android自定义view实现数字时钟
  4. xshell下载mysql到本地文件_在Xshell中上传下载文件到本地(linux中从多次ssh登录的dbserver里面的文件夹)-Go语言中文社区...
  5. Android两种常见错误(ANR和FC)解决办法
  6. python浮点型数据怎么显示为图片_python数字图像处理(4):图像数据类型及颜色空间转换...
  7. aop实现原理_Java:由浅入深揭开 AOP 实现原理
  8. CentOS6.5 搭建 LNMP (linux + nginx + mysql + php)
  9. 爬取热门网站的热榜,集中展示
  10. 经典面试题(15):以下代码将输出的结果是什么?
  11. LevelDB的源码阅读(三) Get操作
  12. BZOJ 4031: [HEOI2015]小Z的房间 Matrix-Tree定理
  13. Hibernate 可编程的配置方式
  14. [导入]ASP.NET 2.0数据处理之高级分页/排序
  15. sqlite3 加密版本 下载_【平凡666】单机游戏管理器(支持未加密游戏管理) - 游戏相关...
  16. linux系统操作mysql数据库_利用workbench对linux/Ubuntu系统中的mysql数据库进行操作
  17. Linux内核移植入门
  18. 图像质量指标:峰值信噪比PSNR和结构相似性SSIM
  19. Android仿饿了么加减控件,小程序仿饿了么弹窗式购物车
  20. 【秀米教程4】秀米推文上传到微信公众号后台

热门文章

  1. WebUploader 上传 php 怎么回去返回的图片路径
  2. finereport与finebi差别_FineBI与FineReport对比
  3. 如何调试delphi的Access violation at address错误
  4. css 三栏布局 圣杯布局 双飞翼 flex
  5. Android 实现沉浸式体验
  6. infer的用法_infer使用的简单介绍
  7. 移动安全-移动App漏洞检测平台
  8. 迅雷9 fetch.php,crossea
  9. Variation_Model 差异模板算子总结
  10. 201908 小技巧---设备管理器-其他设备-通用串行总线(USB)控制器 驱动安装