Grails 3生产版本样式表显示不同于开发版本

我想用war命令部署grails 3 web应用程序。开发版显示正确的样式表和生产服务器上部署后，它只是打乱了一切。至于CSS和JavaScript精缩我真的不能找出问题....例如，在图像的开发版本产版 Grails 3生产版本样式表显示不同于开发版本

我使用上面的代码来显示标签和下面的CSS ..

#tabsF { 
 
    float:left; 
 
    width:100%; 
 
    background:#efefef; 
 
    font-size:100%; 
 
    line-height:normal; 
 
    border-bottom:1px solid #666; 
 
} 
 
#tabsF ul { 
 
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none 
 
} 
 
#tabsF li { 
 
    display:inline; 
 
    margin:0; 
 
    padding:0; 
 

 

 
} 
 
#tabsF a { 
 
    float:left; 
 
    background: url(../images/tableftF.gif) repeat-y;; 
 
    margin: 1px; 
 
    padding:0px 10px 0px 4px; 
 
    text-decoration:none; 
 
} 
 
#tabsF a span { 
 
    float:left; 
 
    display:block; 
 
    background: url(../images/tabrightF.gif) no-repeat right top; 
 
    padding:5px 15px 4px 6px; 
 
    color:#666; 
 
} 
 
/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
 
#tabsF a span {float:none;} 
 
/* End IE5-Mac hack */ 
 
#tabsF a:hover span { 
 
    color:#FFF; 
 
} 
 
#tabsF a:hover { 
 
    background-position:0% -42px; 
 
} 
 
#tabsF a:hover span { 
 
    background-position:100% -42px; 
 
} 
 

 
#tabsF #current a { 
 
    background-position:0% -42px; 
 
} 
 
#tabsF #current a span { 
 
    background-position:100% -42px; 
 
}

<div id="tabsF"> 
 
     <ul> 
 
      <li><a href="#tab1"><span> &nbsp;Viewer1 &nbsp;</span></a></li> 
 
      <li><a href="${createLink(controller: 'Jobque', action: 'viewer2')}"><span>&nbsp;Viewer2 &nbsp;</span></a></li> 
 
      <li><a href="${createLink(controller: 'Jobque', action: 'viewer3')}"><span>&nbsp;Viewer3 &nbsp;</span></a></li> 
 
     </ul> 
 
    </div>

来源

2017-07-21 user5758172

缩小的文件是真的很难调试，但有可能是某个地方只是一个语法错误。我没有看到任何明显的东西，但在Chrome中使用开发者控制台（可能也是Firefox，但我只知道Chrome），可以尝试对相关文件进行取消缩小，并直接比较它们以查看是否可以发现错误。当你最终找到它的时候，它可能会是一些小事，比如缺少一个分号或者一个属性问题的顺序，这个缩小器的执行过于严格。 – Daniel

#tabsF ul { PADDING-RIGHT：10px; PADDING-LEFT：10px; PADDING-BOTTOM：0px; MARGIN：0px; PADDING-TOP：10px; LIST-STYLE-TYPE：none } 试着将它改为看起来不正确的语法，因为它确实是'PADDING-TOP'还是它是'padding-top'？不认为所有这些条目都有效 – Vahid

@vahid感谢它的帮助:) – user5758172

您可以在Chrome开发人员工具的Chrome开发人员工具中看到CSS规则
如果您希望可以禁用css/js缩小，如下所示。然后构建战争，看看问题是否仍然存在，以确保它是否存在小事件或代码问题。而一旦你有分歧和解决问题再次启用它。
```
//build.gradle 
assets { 
    minifyJs = false 
    minifyCss = false 
} 
```

来源

2017-07-22 16:32:25

minifyJs = false这没有帮助..它仍然创建javascript的缩小版本。是否因为我有hav资产pipleline语法在jsp？ – user5758172

Grails 3生产版本样式表显示不同于开发版本

回答

相关问题