【问题标题】:[meteor]How to put the merged css file at the bottom of the head?[meteor]如何将合并后的css文件放在头部底部?
【发布时间】:2019-09-04 13:35:44
【问题描述】:

我正在使用meteor + vue,但是meteor会自动从npm中的vue组件中提取css并将其放在头部,并导致css冲突。如何避免这种冲突?

流星 1.8.1 Vue 2.6.5

页面头部有很多 css,原本在 vue 组件中。我不想那样。

很多,导致页面出现很多css冲突。

请帮助我。非常感谢!

enter image description here enter image description here

<meteor-bundled-css /> 标志不起作用

因为这个标签不会把合并后的文件放在头部的底部。好难过啊。。

【问题讨论】:

  • Vue 应该限定样式以防止冲突。您如何看待这些冲突?
  • @ghybs 感谢您的回答:)。嗯,回复好像发不了图片。我会尝试重新编辑问题。
  • 我不确定我是否理解真正困扰您的问题...您是想用捆绑包替换所有样式标签,还是真的看到冲突?
  • 是的,我在“/client/main.scss”中导入了所有的 scss 文件,它们会转到头顶。但是 vue 组件中的一些

标签: css vue.js meteor


【解决方案1】:

style in head

scss file not found

正确做法:

您可以在每行创建 .vueignore 文件,并在每行使用正则表达式,以根据它们的路径从编译中排除 .vue 文件。如果 .vueignore 位于文件夹中,则它仅适用于该文件夹。

例如,您可以将以下 .vueignore 文件添加到您的应用中,以忽略 node_modules 文件夹中的 .vue 文件:

node_modules/

感谢@Akryum:clap:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-29
    • 2012-08-02
    • 1970-01-01
    • 2017-05-28
    • 2011-07-14
    相关资源
    最近更新 更多