8

我正在 Yii2 框架上做一个网络应用程序。定义（扩展）新的 AssetBundle

class NeonAsset extends AssetBundle {
   public $sourcePath = '@app/themes/neon/';

   public $css = [
    'css/font-icons/entypo/css/entypo.css',
    '...',
    '...'        
   ];

   public $js = [
      'js/be_in_head_tag.js',
      '...',
      '...',
   ];
}

渲染时，CSS 文件在<head>标签中发布，JS 文件在标签底部<body>。没关系。但我想在标签中发布
一个be_in_head_tag.js文件。<head>当我使用$jsOptions它时，它会将所有 JS 文件移动到<head>标签中。
是否可以只为一个文件设置选项？

4

3 回答 3

9

其中一个变体使该文件成为一个单独的资产类：

class HeadPublishAsset extends AssetBundle {
    public $sourcePath = '@app/themes/neon/';
    public $js = ['js/be_in_head_tag.js'];
    public $jsOptions = ['position' => \yii\web\View::POS_HEAD];
}

并为您的基类添加一个依赖项，例如：

class NeonAsset extends AssetBundle {
    ...
    public $depends = ['app\assets\HeadPublishAsset'];
    ...
}
于 2015-06-01T12:43:43.430 回答
2

我很高兴地说，在文件级别执行此操作的功能已在某个时候添加到 Yii2 中。但是，它没有出现在任何文档示例中。我已经测试并确认...

class NeonAsset extends AssetBundle {
   public $sourcePath = '@app/themes/neon/';

   public $css = [
    'css/font-icons/entypo/css/entypo.css',
    '...',
    '...'        
   ];

   public $js = [
      ['js/be_in_head_tag.js', 'position' => \yii\web\View::POS_HEAD],
      '...',
      '...',
   ];
}

数组中包含的选项$js现在被传递给相关方法，并导致文件包含在 html 文件的选定部分中。

于 2018-07-12T11:54:53.847 回答
0

我不知道是否有官方的方法（可能不会因为它会使options对象的规范过于复杂），但是与不需要您创建另一个的公认答案相比，还有另一种更简单的方法AssetBundle。

您需要做的就是创建另一个数组，例如：

public $head_js =
[
  "path/to/src.js"
];

然后像这样覆盖registerAssetFiles函数：

public function registerAssetFiles($view)
{
  foreach($this->head_js as $js)
  {
    $options = [];
    $options["position"] = \yii\web\View::POS_HEAD;
    $url = Url::to($this->baseUrl . "/" . $js);
    $view->registerJsFile($url, $options);
  }

  parent::registerAssetFiles($view);
}
于 2016-12-13T12:52:16.013 回答