如何在 Yii2 中访问 css/js 文件以进行模块布局答案

【问题标题】：How to access css/js file for layout of a module in Yii2如何在 Yii2 中访问 css/js 文件以进行模块布局
【发布时间】：2015-10-18 06:18:41
【问题描述】：

我有一个名为 social 的模块，其目录如下：

frontend
-- modules
    -- social
        -- assets
            -- SocialAsset.php
        -- controllers
        -- views
            -- default
            -- layouts
                -- main.php
        -- web
            -- css
            -- js
            -- img
        Module.php

我希望我的模块有自己的布局。因此，我添加文件SocialAsset、main.php 用于布局、css、js 和img。但是，不幸的是我无法访问我的css/js/img 文件。

SocialAsset 文件：

<?php

namespace frontend\modules\social\assets;

use yii\web\AssetBundle;

class SocialAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $sourcePath = '@app/modules/social/web';
    public $css = [
        'css/social.css',
        'css/toolkit.css'
    ];
    public $js = [
        'js/jquery.min.js',
        'js/social.js',
        'js/toolkit.js',
    ];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap\BootstrapAsset',
    ];
}

在main.php 中，我使用SocialAsset这样的文件：

use frontend\modules\social\assets\SocialAsset;


SocialAsset::register($this);

有人可以帮我解决这个问题吗？

【问题讨论】：

标签： yii2 yii2-advanced-app yii-modules

【解决方案1】：

你应该只在你的资源包中设置sourcePath：

sourcePath 指定包含资产的根目录此捆绑包中的文件。如果是根，则应设置此属性目录不可通过 Web 访问。否则，您应该设置 basePath 属性和 baseUrl，而不是。

这意味着您只需在您的资产包中删除$basePath 和$baseUrl，Yii 就会发布您的文件。

【讨论】：