【已解决】Vue全局引入scss 个别页面不生效 / 不自动引入全局样式

项目里配置了全局样式的引入,今天新建了 demo 页面去修改 element 的样式,发现全局的样式没有引入进来。

问题原因

在此页面 没有任何样式导致的

项目在编译的时候,会把 .vue 文件的样式抽离到单独的 css 文件中。

当该页面没有css代码的时候,编译器就不会去处理该页面的 style。

也就不会引入全局的 css 文件。

解决方法

可以在此页面写一个空样式

html 复制代码
<style lang="scss" scoped>
// 至少要有一条样式;可以为空:{}
.a {}
</style>
相关推荐
w2sfot3 分钟前
JS代码压缩
前端·javascript·html
码途潇潇10 分钟前
从组件点击事件到业务统一入口:一次前端操作链的完整解耦实践
前端
import_random19 分钟前
[python]miniconda(安装)
前端
云梦谭25 分钟前
AI 生成的FreeSWITCH 呼出流程深度分析freeswitch-1.10.12.-release
java·前端·php
秃了才能变得更强29 分钟前
React Native小技巧
前端
一只爱吃糖的小羊29 分钟前
React 19 vs Vue 3:深度对比与选型指南
前端·vue.js·react.js
前端老宋Running30 分钟前
Vue 3 的“降维打击”:Composition API 是如何让 Mixin 成为历史文物的?
前端·javascript·vue.js
Pluto_CRown31 分钟前
H5 开发的各类小知识点
前端·javascript
Pluto_CRown31 分钟前
上下文存储【下】
前端·javascript
AAA阿giao32 分钟前
JavaScript 中基于原型和原型链的继承方式详解
前端·javascript·面试