Require.js 和 Zend 框架答案

【问题标题】：Require.js and Zend FrameworkRequire.js 和 Zend 框架
【发布时间】：2012-11-13 02:45:33
【问题描述】：

在 Zend 框架中包含 Require.js 的最佳方式是什么？我目前在zend框架中调用js文件的方式如下：

<?php echo $this->jQuery()->setLocalPath($this->path('js/jquery/jquery-1.7.1.min.js'))
    ->enable()
    ->setUiLocalPath($this->path('js/jquery/jquery-ui-1.8.16.custom.min.js'))
    ->uiEnable()
    ->addStylesheet($this->path('css/jquery/jquery-ui-1.8.16.custom.css'));

    echo $this->headScript()->appendFile($this->path('js/jquery.tipTip.js'))

        ->appendFile($this->path('js/customScripts/facebook.js'))
        ->appendFile($this->path('js/facebook/jquery.facebook.multifriend.select.js'))
        ->appendFile($this->path('js/customScripts/logindialog.js'))
        ->appendFile($this->path('js/customScripts/globalFunctions.js'))
        ->appendFile($this->path('js/kendo.web.min.js'))
        ->appendFile($this->path('js/customScripts/fancyAlert.js'))
        ->appendFile($this->path('js/inc/jquery.mousewheel.min.js'))
        ->appendFile($this->path('js/pagination-jq.js'))


        ->appendFile($this->path('js/jquery.tools.min.js'))
        ->appendFile($this->path('js/fancybox/jquery.fancybox-1.3.4.pack.js'))
        ->appendFile($this->path('js/jq-history/scripts/jquery.history.min.js'));

    ?>

【问题讨论】：

您看到的包含这样的内容，难怪我访问的大多数页面都比池塘水慢，而且这个还不错。 :(

标签： php jquery zend-framework requirejs

【解决方案1】：

使用 require.js，您只需将一个脚本文件添加到您的脑海中（或在关闭 </body> 之前）。

然后，您将在 require.js 配置文件和模块中实际定义每个模块的依赖关系。

在您的情况下，我将手动添加脚本文件：

<script src="require.js" data-main="path/to/mainScriptFile"></script>

否则，在 Zend 中你可以这样做：

$this->headScript()
    ->setAllowArbitraryAttributes(true)
    ->appendFile($this->path('js/require.js'), "text/javascript", array('data-main' => 'path/to/mainScriptFile');

但此时，只需手动输入脚本标签，开销就更少了。

希望有帮助！

【讨论】：

【解决方案2】：

在您的 html 文件中，您可以在 <head></head> 标签之间添加一行。这是最好的方法

<script src="/path/to/require.js"></script>

或者你可以使用 jquery

var jsScript = $("<script src='/path/to/require.js'></script>");
$('body').append(txt2);

这会将js附加到正文的底部

【讨论】：