问题 如何在Demandware中删除HTML源代码中的空格?


我正在开发Demandware平台。我在源代码(HTML)中获得了太多空格。 我不知道如何优化它,请帮助我。

提前致谢


7111
2017-11-28 06:27


起源

你能分享你的屏幕预览或网址吗? - Tarun


答案:


我们对最终结果的控制有限,但是有 iscontent tag,具有compact属性。

<iscontent type="text/html" compact="true" />

请注意,它不会过滤到包含的模板。每个包含的模板都需要自己的 iscontent 标记来压缩空格。 Demandware声称compact可能会破坏标签的布局,所以请谨慎使用。


12
2017-12-05 21:32



我不认为它压缩得太多,我相信它不会组合行,在代码中保留\ n字符完整。 - Ed Gonzalez
它通过代码中给出的平均缩进来删除空白它只是组合行。 - webCoder
请注意,由于这些参数是默认值,您甚至可以使用<iscontent />来获得相同的结果。对于ISML代码看起来有点奇怪,仍然有效。此外,目前没有删除/剥离空行的选项。与数据传输相关的问题并不多,因为在生产实例中,通信是gzip压缩的。 - Zlatin Zlatev
@EdGonzalez,如果需求软件提供某种示例代码来浏览功能和外观,您能告诉我吗?或任何帮助的演示登录 - Slimshadddyyy


取决于'优化'的含义。如果您只是想减少下载大小,那么最好在Web服务器上启用Gzip压缩,因为它会将空格所需的数据折叠到接近零,并且还会压缩其余的标记。如果您有其他原因,请详细说明。例如,如果您希望源代码“干净”用于调试/开发目的,那么您可以使用客户端上的源代码清理器(即Firefox插件或HTMLTidy接口)获得相同的结果。


4
2017-12-10 05:14





如果您使用Demandware的Build Suite,则可以在构建过程中将其连接到空白区域。

您可以在此处找到有关Build Suite的信息: https://bitbucket.org/demandware/build-suite (私人回购)


0
2018-06-09 18:06



构建套件仅提供缩小js / css的能力,并将JS或CSS连接到组合文件中。没有我可以找到的选项来最小化/压缩/压缩HTML中的空格。 - Jon L.


五子棋 已经成功使用了 HTML的minifier 包压缩模板文件以删除空白区域 sheplers.com。我们将它添加到基于Site Genesis的构建脚本的gulp进程中。 (大约在2015年末)由于我们正在使用gulp,我们使用了gulp包装包 一饮而尽,htmlmin。 gulp任务看起来像:

gulp.task('isml', function() {
    var htmlminOptions = {
    collapseWhitespace: true,
    includeAutoGeneratedTags: false
    };

    paths.isml.forEach(function(p) {
        gulp.src(path.join(rootPath, p), { base: './' })
            .pipe(htmlmin(htmlminOptions))
            .pipe(gulp.dest('./'));
    });
});

package.json 路径指令 isml 看起来如下。请注意,您可以将任何生成过多空格的ISML文件添加到此列表中,但我们发现大多数有问题的空白都是由这一个文件单独生成的。

"isml" : [
  "app_storefront_core/cartridge/templates/default/util/modules.isml"
]

0
2018-03-31 17:32





我假设你正在使用他们的 Demandware Commerce 或他们的另一项服务。由于它们为其电子商务网站提供了所有后端代码,因此它是 非常 不太可能你能够淡化他们的'空白'。如果您在自己的主页上查看源代码,您还会看到大量额外的“空白”。这只是其内容管理系统的产物。

您只是担心页面的额外开销(文件大小)还是您有另一个问题?


-1
2017-12-03 15:52



他们的主要网站使用他们的平台,而@Ed Gonzalez提到“压缩”空白区域的能力仅意味着空间和标签不是额外的换行符。 - sholsinger