在linemanjs中引用供应商文件夹css和js

时间:2014-07-18 09:13:28

标签: javascript html css node.js linemanjs

我正在使用linemanjs创建一个网络应用,但当我明确引用供应商cssjs文件时,它不会引用该位置。让我知道我对linemanjs做错了什么。

我在文件中尝试的简单事情是 -

link(rel="stylesheet",href="/vendor/css/myvendor.css")

link(rel="stylesheet",href="/css/myvendor.css")

link(rel="stylesheet",href="css/myvendor.css")

- > myvendor.css肯定位于供应商下的css文件夹中。

1 个答案:

答案 0 :(得分:2)

因为不使用基本HTML的基本标记:

<link rel="stylesheet" type="text/css" href="css/myvendor.css">

必须包含标记的路径必须是服务器或客户端。

如果文件夹供应商包含所有文件html和包含您用于网站的文件的文件夹,那么我之前在标记中包含的路径是正确的。

如果仍然不包含此文件 css ,问题是该文件不存在或声明错误的文件名或结构css是错的(更好的是你发布文件css)但我认为你找到了 Inspect Element Firebug 的问题(firefox和[也许] Chrome的附加组件)

更新:啊,如果您使用Jade,请在您的标记内添加'type='text/css',因为您最好定义文件类型。

link(rel='stylesheet', href='css/myvendor.css', type='text/css' )

阅读documentation of JADE

Template inheritance

If you have multiple views with a similar structure, you will end up with the same set of includes in all your views. This approach can quickly become complicated and untidy, if the number of views and includes increases.

使用Jade,您可以生成包含文件css的标签:

!!! 5
html
    head
        title Learning Inheritance
        link(rel='stylesheet', href='/css/myvendor.css')
    body
!!!

或者在其他question on StavkoverFlow

中发布了其他解决方案
head
  title test include
  | <style type='text/css'>
  include css/myvendor.css
  | </style>