Yii 2 JS资产小型化问题

Question

我最近安装了YI2.0.6，我注意到它装载

yii.js
yii.validation.js
yii.activeForm.js

在yiisoft/yii2/assets文件夹中，我想要覆盖这些文件，在common/config/main.php中我添加了这些代码行，但是它所做的是只替换yii.js文件，而yii.validation.js和yii.activeForm.js继续加载。

'assetManager' => [
            'forceCopy' => YII_DEBUG,
            'bundles' => [
                'yii\web\YiiAsset' => [
                        'js' => ['all.min.js'],
                ],
            ],
        ],

如何用一个文件替换所有这些文件？

Answer 1

您还应该禁用ActiveFormAsset和ValidationAsset：

'bundles' => [
    'yii\web\YiiAsset' => [
        'js' => ['all.min.js'],
    ],
    'yii\widgets\ActiveFormAsset' => false,
    'yii\validators\ValidationAsset' => false,
],

阅读更多信息：自定义资产包或合并压缩资产

Answer 2

来自文档：

1. 在您的应用程序中查找计划组合和压缩的所有资产包。
2. 将这些束分成一组或几组。请注意，每个包只能属于一个组。
3. 将每个组中的CSS文件合并/压缩为一个文件。对JavaScript文件也这样做。
4. 为每个组定义一个新的资产包：

- Set the css and js properties to be the combined CSS and JavaScript files, respectively.
- Customize the asset bundles in each group by setting their css and js properties to be empty, and setting their depends property to be   the new asset bundle created for the group.

​

因此，您需要使用一个工具来压缩您的文件，然后将每个文件注入到其适当的包中：

'assetManager' => [
'bundles' => [
    'all' => [
        'class' => 'yii\web\AssetBundle',
        'basePath' => '@webroot/assets',
        'baseUrl' => '@web/assets',
        'css' => ['all-xyz.css'],
        'js' => ['all-xyz.js'],
    ],
    'A' => ['css' => [], 'js' => [], 'depends' => ['all']],
    'B' => ['css' => [], 'js' => [], 'depends' => ['all']],
    'C' => ['css' => [], 'js' => [], 'depends' => ['all']],
    'D' => ['css' => [], 'js' => [], 'depends' => ['all']],
],

有关更多信息，请参见官方文件。