Fatal编程技术网
  • meteor/
  • Meteor 我可以在head标签中自定义编译的css位置吗？

Meteor 我可以在head标签中自定义编译的css位置吗？

meteor

Meteor 我可以在head标签中自定义编译的css位置吗？,meteor,Meteor,Meteor将css文件编译成一个css文件，并将其作为html中head元素的第一个子元素插入 <head> <!-- meteor inserts my concatenated css file from client folder here --> <title>page</title> <link href="/sometheme/theme.css" rel="stylesheet"> <!-- oth

Meteor将css文件编译成一个css文件，并将其作为html中head元素的第一个子元素插入

<head>
  <!-- meteor inserts my concatenated css file from client folder here -->
  <title>page</title>
  <link href="/sometheme/theme.css" rel="stylesheet">
  <!-- other css files here -->
</head>


页
我不想为我正在使用的主题资产创建一个包。我只想直接在上面的html中使用它们，我想在客户端文件夹中用预处理器开发css

如何让meteor将生成的css作为head的最后一个元素而不是第一个元素（默认情况下）注入

谢谢

编辑：

为了进一步澄清，我希望meteor注入编译后的css，如下所示。我可以操纵DOM并在DOM准备好后移动该链接，但这是一个黑客行为。是否有API来配置此功能

<head>
  <title>page</title>
  <link href="/sometheme/theme.css" rel="stylesheet">
  <!-- other css files here -->
  <!-- I WANT METEOR TO INJECT COMPILED CSS HERE -->
  <link rel="stylesheet" type="text/css" class="__meteor-css__" href="/main.css?da39a3ee5e6b4b0d3255bfef95601890afd80709">
</head>


页
只需放置css主题，meteor就会将其连接到现有css中。流星有一种特殊的方式：

  • HTML模板文件总是在加载之前加载
  • 以main开头的文件。最后一批货
  • 接下来将加载任何lib/目录中的文件
  • 下一步加载具有更深路径的文件
  • 然后按照整个路径的字母顺序加载文件
    • 为了实现您的目标，只需确保您的css比主题文件夹更深，并注意字母顺序

    编辑：

    如果您想从/public加载文件，只需将
    放在其中一个html文件（例如：app.html）中，并在其中引用您的样式表即可

    app.html：

    <head>
  <link href="/sometheme/theme.css" rel="stylesheet">
</head>
    它将引用/public/sometheme/theme.css

    您可以使用
    @导入urlcss文件顶部的声明
    
main.css
    

    @import '/sometheme/theme.css';

body {

}

    

    这将在css之前加载/public/sometheme/theme.css
    将我的css主题放在哪里？将其放在客户机/样式表文件夹中。诀窍是获得正确的顺序。编辑我的答案。主题文件夹有javascript、字体、css、less和其他文件。如果我把文件夹放在客户端，meteor将处理（concat等）我不想要的文件夹。我也不想重命名和更改主题文件夹中的任何内容。这就是我把它们放在公用文件夹中的原因。您的文件优先级说明适用于非公用文件夹中的文件夹。所以，我只需要弄清楚我是否可以让meteor将编译后的css作为头中的最后一个链接元素注入。在这种情况下，您只需要将其放入一个html文件中，您就可以将其放入（外部）任何.html文件中。请参阅我编辑的答案。@导入将在css文件中创建其他http请求。不理想。我想我将不得不使用一个构建工具，比如grunt、gulp等。这已经完成了。令人沮丧……：/