css更改不会反映在jade文件中

时间:2017-07-18 06:32:52

标签: html css

我正在使用redux构建这个CRUD应用程序。设置节点服务器并观察我的css更改后,不会反映在main.css文件中。但是,App.css文件中存在更改。 我的index.jade文件 -

html
 head
   meta(charset='UTF-8')
   meta(name="viewport" content="width=device-width,height=device-
   height,initial-scale=1.0,user-scalable=no")
   link(href='https://maxcdn.bootstrapcdn.com/bootstrap/latest/
    css/bootstrap.min.css', rel='stylesheet')
   link(hre='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-
    awesome.min.css' rel='stylesheet')
   link(href='#{domainName}/static/css/main.css', rel='stylesheet')
 title Menu Mapping
   script.
      window.domainName="#{domainName}"
 body()  
   #root
     script(src='#{domainName}/static/js/main.js')

即使在我执行npm run build之后,App.css中的更改也未反映在构建> static> main.css中。可能是什么问题?

1 个答案:

答案 0 :(得分:0)

你做错了,link(hre='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font- awesome.min.css' rel='stylesheet')

应为link(href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font- awesome.min.css' rel='stylesheet')

hre => href)。

除此之外,您是否检查{domainName}是否返回了正确的值?

顺便说一下,这不应该在react/redux下标记,而应在HTML/CSS下标记。