【问题标题】:Do I always need to explicitly bundle all styles for jQuery UI?我是否总是需要为 jQuery UI 显式捆绑所有样式?
【发布时间】:2015-06-19 19:01:24
【问题描述】:
我遇到过很多文章表明我需要显式捆绑每个 jQueryUI .css 文件,例如接受How to add jQueryUI library in MVC 5 project? 的答案。然而,当我查看由 Nuget 创建的 Content/themes/base 文件夹中的 .css 文件时,我看到了文件 all.css,它实际上包含了所有其他文件。
对我来说,仅仅捆绑 all.css 文件似乎要简单得多,但我想知道这个文件中使用的 css @import 指令在脚本包中是否仍能按预期工作。
【问题讨论】:
标签:
jquery
css
asp.net-mvc
jquery-ui
asp.net-mvc-5
【解决方案1】:
据我所知,添加对jquery.ui.all.css 的引用可以解决问题。
但是,我会说大多数时候不需要整个库。在您的初始配置中明确(即添加每个使用的样式引用)将使以后删除/注释您不需要或不使用的引用变得容易。它还将使其他开发人员更容易识别该捆绑包中真正包含哪些引用。
关于 jquery ui 样式包命名的一个小警告:
[..] 您需要确保您的 CSS 包名称与您的应用程序的物理目录结构相似。安装 jQuery UI nuget 包时,它会将您的样式表放在目录 /content/themes/base/ 中,因此您应该将包命名为“~/content/themes/base/jqueryui”以确保所有内容 [sprites/images]有效。