如何将整个目录添加到资产包yii2中的js部分
我认为这将是这样的
a[0..-2] == b[0..-2]
我想要这个,因为我不想每次(当我缩小我的CSS或缩小我的js时)写资产包这样的东西
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/site.min.css',
];
public $js = [
'js/myModule/*',
];
public $depends = [
'yii\web\YiiAsset',
'yii\bootstrap\BootstrapAsset',
];
}
而不是写'css/site.min.css',
我想写一些像regex(添加整个目录)的东西,它将收集目录中的所有文件并将它们添加到我的资产包和我的'module.min.js', 'module2.min.js'
数组中看起来像下一个
$js
那么如何实现呢?是否有任何地方可以从包装盒中随时取出。解?
请帮忙。
我问这个因为'我是否正常(我使用gulp和不同的minificators等)写入资产包'js/myModule/*',
或module.min.css
'
答案 0 :(得分:1)
依赖于Yii2 docs' assets page,没有办法实现此功能。
但您可以覆盖init()
类的AppAsset
方法来实现解析文件夹(vie FileHelper)并将其动态添加到$this->js
数组。
另一种方法(我个人使用)是解析gulp文件使用的assets.json
文件,并添加gulp生成的每个js / css文件。这是代码示例
<?php
namespace app\assets;
use yii\base\Exception;
use yii\web\AssetBundle;
class AppAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [];
public $js = [];
public $depends = [
'yii\web\YiiAsset',
'yii\web\JqueryAsset',
'yii\widgets\ActiveFormAsset',
'yii\validators\ValidationAsset'
];
public $packages = [];
public function init()
{
parent::init();
$content = @file_get_contents(\Yii::getAlias('@app/assets.json'));
if (!$content) {
throw new Exception('Could not read assests from path ' . \Yii::getAlias('@app/assets.json'));
}
$assetsData = json_decode($content, true);
if (!empty($assetsData['scripts'])) {
foreach ($assetsData['scripts'] as $script) {
if (in_array($script['name'], $this->packages, true) && $this->loadInAjax($script)) {
$this->js[] = 'scripts/' . $script['name'] . '.js';
}
}
}
if (!empty($assetsData['styles'])) {
foreach ($assetsData['styles'] as $style) {
if (in_array($style['name'], $this->packages, true) && $this->loadInAjax($style)) {
$this->css[] = 'styles/' . $style['name'] . '.css';
}
}
}
}
}
希望有所帮助。
答案 1 :(得分:0)
使用@naffiq的建议,我想到了以下代码:
<?php
namespace frontend\assets;
use yii\web\AssetBundle;
use yii\helpers\FileHelper;
abstract class StarAssetBundle extends AssetBundle
{
private $filePathOptions = [
'only' => ['*.js'],
'recursive' => false,
];
public function init()
{
$realSourcePath = \Yii::getAlias($this->sourcePath);
$fileHelper = new FileHelper();
$jsFiles = $this->js;
$parsedJsFiles = array();
foreach($jsFiles as $uri){
$path = $this->strReturnIfContainsStarAtEnd($uri);
if($path){
$dir = $realSourcePath.'/'.$path;
$arrFiles = $fileHelper->findFiles($dir, $this->filePathOptions);
foreach ($arrFiles as $file) {
$jsFilePath = $path . '/' . basename($file);
array_push($parsedJsFiles, $jsFilePath);
}
}
else
{
array_push($parsedJsFiles, $uri);
}
}
$this->js = $parsedJsFiles;
parent::init();
}
private function strReturnIfContainsStarAtEnd($str){
$strLen = strlen($str);
$pos = strpos($str, "*", $strLen-1);
if($pos !== false){
return substr($str, 0, $strLen-2);
}
else{
return false;
}
}
}
现在,我可以添加仅编码路径并在末尾添加*的所有.js文件-'js / myModule / *'