Magento Javascript合并-为什么它在某些情况下会中断？

Question

好吧，我已经做了一段时间的JS合并，但仍然不能弄清楚成功合并背后的逻辑。归根结底，它在合并列表上向上和向下重新定位库。有时jquery必须在上面，有时不在上面，有时fancybox需要作为addJs添加，有时作为addItem添加。

那么，在使用Magento的merge JS时，您的经验是什么导致JS库崩溃？成功的合并有什么规则吗？

更新:刚刚在我的local.xml中，我从

<action method="addItem"><type>skin_js</type><name>js/magiczoomplus.js</name></action>

至

<action method="addJs"><script>jquery/magiczoomplus.js</script></action>

这解决了我在页面上看到的magiczoomplus错误。怎么会这样呢？

我正在努力理解这个问题，以便将来能更好地解决它

Answer 1

你需要理解这里的核心原则，什么是javascript库之间的冲突，什么不冲突。

在jQuery和原型冲突的情况下，在Magento中：

• 总是在页面上的任何其他脚本之前包含jQuery，在Prototype是一个必须的

之前添加jQuery.noConflict()；直接调用到您的jQuery库文件的末尾

• 确保您的所有基于jQuery的脚本都没有使用$作为方法名(这里是冲突的实质)

Answer 2

如果在启用Javascript合并后出现任何问题，我总是尝试将最小化的Javascript文件替换为这些文件的非最小化版本。它总是能解决问题。(我不知道为什么最小化文件会有问题)

Answer 3

没有太多的选项来实际修复合并，但是

1.)在local.xml文件中使用group-ing以确保更好的合并。

http://fishpig.co.uk/blog/why-you-shouldnt-merge-javascript-in-magento.html

2.)完全放弃Magento的内置合并，转而使用Fooman_Speedster。

http://www.magentocommerce.com/magento-connect/fooman-speedster.html

到目前为止，第二个方法对我来说工作得很好。我正在使用jQuery库甚至更多的库(Handlebar，等等)，并且我没有遇到任何问题。