程序员书籍笔记 程序员书籍笔记
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • HTML
  • CSS
  • JavaScript
  • 前端知识
  • Vue
  • MarkDown
  • git
  • Node.js
  • Linux
  • 51单片机
  • 四级
  • 第一学期课程
  • 操作系统
  • 计算机网络
  • 数据结构
  • 计算机组成原理
  • HTML5
  • Electron
  • 日记便签
  • 前端导航
GitHub (opens new window)
  • Vue

    • Vue基础
    • Vue前置知识
    • webpack
    • Vue基本使用
    • Vue基本使用+
    • Vue组件
    • Vue生命周期
    • Vue生命周期+
    • Vue插槽
    • Vue组件库
    • 网易云音乐案例
    • 案例
    • Vuex
    • Vue3.0
    • vue动画
    • 项目常用

    • 问题记录

      • vue样式导入问题
        • 样式导入
          • 问题
          • 原理
    • vue模板
  • Nuxt

  • Echarts

  • Node

  • git

  • express

  • 微信小程序

  • Spring

  • 后端知识

  • Markdown

  • project

  • 自用文档查询

  • 框架和软件
  • Vue
  • 问题记录
yuadh
2022-05-10
目录

vue样式导入问题

# 样式导入

# 问题

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 1. 重置样式的库
import 'normalize.css'
console.log("导入样式测试1111")
// 2. 自己项目的重置样式和公用样式
import '@/assets/styles/common.less'
createApp(App).use(store).use(router).mount('#app')
1
2
3
4
5
6
7
8
9
10
11

此时我们需要用公共样式去覆盖重置样式的库 normalize

此时,假设我们在 APP.vue 中导入了 common.less 的公共样式,就会先 normalize.css 导入,后面再次导入相同的公共样式依旧是会被 normalize.css 覆盖

# 原理

可能相同文件的 less 导入会省略?

编辑 (opens new window)
上次更新: 2023/02/07, 14:51:48
图片懒加载自定义指令
vue模板

← 图片懒加载自定义指令 vue模板→

Theme by Vdoing | Copyright © 2021-2023 yuadh
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×