我觉得捆绑应该用于将一堆一起使用的文件分组到一个交付给浏览器的文件中。这意味着对于我的根样式,我想做类似以下的事情:
var bundle = new StyleBundle("~/Content/style").Include(
"~/Content/mystyle.less",
"~/Content/bootstrap.css",
"~/Content/bootstrap-responsive.css");
bundle.Transforms.Add(new LessTransform());
bundle.Transforms.Add(new CssMinify());
bundles.Add(bundle);
但这似乎不太适合用于捆绑较少文件的自定义转换技术 http://codebetter.com/howarddierking/2012/06/04/web-optimization-in-visual-studio-2012-rc/因为它看起来像是将所有文件预先捆绑到一个 css 文件中,然后再将其传递给 LessTransform。据我所知,只有当您将所有 less 文件捆绑在一起时,此方法才有效。
有没有办法让捆绑包允许在同一个捆绑包中同时包含 less 和 css 文件?
是的,你是对的,转换器在将所有 CSS/LESS 内容传递给转换器之前将其连接起来。也就是说,转换器不应该阻碍 LESS 和 CSS 的存在,因为您始终可以在 LESS 样式表中包含标准 CSS。
问题似乎是您正在使用StyleBundle
已经关联了变压器的对象。尝试使用通用的Bundle
正如我在配置中所做的那样,如下所示:
var customStyles = new Bundle("~/bundle/style/css")
.Include("~/Content/normalize.css","~/Content/*.less");
bootstrapStyles.Transforms.Add(new LessTransform());
bootstrapStyles.Transforms.Add(new CssMinify());
bundles.Add(customStyles);
至于下面您自己的答案, bootstrap.css 文件的问题不是 LESS 转换器不喜欢它,而是可能是 @imports 的路径问题,请确保您的 LESS 转换器使用某些内容来确保它解析正确的路径到任何依赖样式表。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)