yidas / yii2-auto-asset-bundle
为 Yii2 提供自动分配每个视图的 JS 和 CSS 文件的基本资产包
1.0.0
2018-03-31 09:26 UTC
Requires
- yiisoft/yii2: ~2.0.0
This package is auto-updated.
Last update: 2024-09-10 20:27:43 UTC
README
Yii 2 自动资产包
为 Yii2 提供自动分配每个视图的 JS 和 CSS 文件的基本资产包
特性
-
每个视图都有自己的 JS 和 CSS 资产文件
-
标准资产文件结构 与视图路径相同
-
单个 AssetBundle 通过注册自动处理所有视图的资产
在视图文件中编写 JavaScript 代码感到不舒服?为每个视图文件创建资产感到厌烦了吗?
如果每个视图需要自己的 JavaScript 和 CSS,资产包库将为每个注册的视图分配一对资产文件,每个视图的路径与分配的资产路径相同,路径设置为基础路径。
演示
位于的视图文件
yii2-app-basic/views/site/about.js
注册 AutoAssetBundle 后,如果存在,视图文件将自动加载上述资产文件
yii2-app-basic/web/dist/app/site/about.js
yii2-app-basic/web/dist/app/site/about.css
dist/app/
是可以自定义的前缀基础路径。
要求
此库需要以下内容
- PHP 5.4.0+
- Yii 2.0.0+
安装
通过 Composer 在您的 Yii2 项目中安装
composer require yidas/yii2-auto-asset-bundle
配置
您可以使用应用程序配置来创建一个资产以扩展 \yidas\web\AutoAssetBundle
namespace app\assets; class AutoAssetBundle extends \yidas\web\AutoAssetBundle {}
自定义设置
您可以根据需要自定义资产以适应您的应用程序
namespace app\assets; class AutoAssetBundle extends \yidas\web\AutoAssetBundle { // Base path & url for each view's asset in your application public $basePath = '@webroot/dist/app'; public $baseUrl = '@web/dist/app'; public $depends = [ 'app\assets\AppAsset', ]; }
用法
在内容视图中注册 配置的资产,例如 yii2-app-basic/views/controller/action.php
<?php \app\assets\AutoAssetBundle::register($this);
之后,此视图将自动加载以下文件
yii2-app-basic/web/dist/app/controller/action.js
yii2-app-basic/web/dist/app/controller/action.css
前缀路径与视图路径相关。