美文网首页
vue 配置公共的css样式

vue 配置公共的css样式

作者: 小番茄1009 | 来源:发表于2021-07-08 16:33 被阅读0次

解决的情况:1)对于使用scss、less有一些公共的配置和公共的变量可以实现预先加载,不需要再使用的页面import,一次配置,一直使用,
2)对于某些公共的css 在刷新页面后发现css好像加载了两遍,第二次的将第一次的样式覆盖掉了
方法:
1

npm i style-resources-loader vue-cli-plugin-style-resources-loader -D

2在vue.config.js里面配置

const path = require("path");
pluginOptions: {
        'style-resources-loader':{
            preProcessor: "scss",
            patterns: [
              path.resolve(__dirname, "src/style/_variables.scss"),
            ]
        }
      }

接下来就可以验证定义的变量使用是否生效了
遇到的问题:
我用的是scss 刚开始只安装了style-resources-loader 会有报错,配置无效,需要安装两个包才能生效。

相关文章

  • 06-组件化todo、选项卡、下拉菜单

    practice.vue 引入组件.vue css,把样式写在了公共

  • vue 配置公共的css样式

    解决的情况:1)对于使用scss、less有一些公共的配置和公共的变量可以实现预先加载,不需要再使用的页面impo...

  • 切图需要的准备

    样式 重置样式(reset.css) 公共样式(commo.css) 独立样式(例如首页:index.css) 重...

  • 浏览器静态资源加载优化

    CSS资源、font资源 css资源全局样式、页面级公共样式、组件级公共样式(通过合理添加类名复用样式声明、尽量减...

  • 2019-07-22

    Vue项目优化 1、封装通用组件,组件化开发 2、样式尽量写在公共css里,利于webpack压缩 3、build...

  • 管理系统流程

    卖座后台管理系统知识体系 目录 vue-cli3 创建项目(略) 重置样式和公共样式(略) 路由配置(略) 使用饿...

  • 路由配置侧边栏

    卖座后台管理系统知识体系 目录 vue-cli3创建项目(略) 重置样式和公共样式(略) 路由配置(略) 使用饿了...

  • v2.5.16 stylus配置和提取公共样式路径

    1 2 iconfront 字体图标的使用 3 配置公共的css文件 4配置公共的css 路径

  • css公共样式

    html { font-family:"微软雅黑";} body, ul, ol, li, p, h1, h2, ...

  • 导航条

    CSS样式实例 /公共样式/,udivl,li,a{margin:0px;...

网友评论

      本文标题:vue 配置公共的css样式

      本文链接:https://www.haomeiwen.com/subject/ydltpltx.html