我不熟悉Vue(以及单文件组件的概念),不确定在生成应用程序时如何编译CSS.

我有一个模式库,其中所有的SCS都是为我的项目编译的,所以我想把它拉到我的组件中.我知道我可以全局加载mixin和变量,然后如果需要使用sas的其他块来设计组件的样式,我打算手工 Select 它们.

我担心的是:

if I keep using the same style definitions in multiple components, will these be duplicated in the compiled css?

如果是的话.如何避免这种情况?如:

我希望这是有道理的!这里需要更多的澄清.

推荐答案

是的,会有重复.但是,如果您使用的是vuejs webpack 模板,生产构建的css将由cssnano处理,这将丢弃重复的css

note;只会丢弃完全相同的副本.

Vue.js相关问答推荐

将事件监听器绑定到动态元素

元素不会对react 性props 的更改做出react

我如何使用vuejs访问彼此嵌套的json对象

如何在Vue js 3中根据API响应替换react 值

Vue 脚本标签中更漂亮的 destruct 功能

v-slot: activator 中 {attrs} 参数的作用是什么?

如何在 vuejs 自定义指令中传递动态参数

在keyup Vuejs 2上获取输入值

Vuex:如何等待动作完成?

可以同时使用 Tailwind css 和 Bootstrap 4 吗?

如何为 Vue 项目设置 lint-staged?

Vuetify - 如何在 v-data-table 中单击时突出显示行

如何在 Vue 中动态创建组件上获取更新的 $refs?

错误:Node Sass 尚不支持您当前的环境:Linux 64-bit with Unsupported runtime (88)

为什么 Vue.js 使用 VDOM?

是否有 v-cloak 逆?

如何在 VeeValidate 中自定义错误信息(字段名称)?

使用 CloudFront 部署在 S3 上的 VueJS 应用程序的指定的密钥不存在

vuejs 复制数据对象和删除属性也会从原始对象中删除属性

为什么不能在 vue 模板中使用窗口?