Yii2中如何添加物化答案

【问题标题】：How to add materialize in Yii2Yii2中如何添加物化
【发布时间】：2015-10-18 09:35:58
【问题描述】：

我正在尝试在我的高级 Yii2 项目中添加 Materialize。

并且有一个示例模板，但我什至不能在我的 yii 应用程序中使用它

http://yii2.themefactory.net/theme/54/material-simple#.ViNmS_krLIU

如何在我的主应用程序中添加物化 css？

有没有很好的教程？

谢谢

【问题讨论】：

标签： php yii2 material-design materialize

【解决方案1】：

将物化框架添加到您的Yii2 应用程序中非常容易。

第一种方式（不建议）：

将所有需要的CSS 和JS 文件复制到您的公共网络目录中。然后在您的 frontend\assets\AppAsset 类中添加以下行：

public $css = [
    //... another css files
    'css/materialize.min.css'
];


public $js = [
    //... another js files
    'js/materialize.min.js'
];

另一种方法是使用 Yii2 的Bower。

大多数JavaScript/CSS 包使用Bower 和/或NPM 管理，而不是Composer。 Yii 使用Composer asset plugin 来启用通过Composer 管理这些类型的包。如果您的扩展依赖于 Bower 包，您可以简单地在 composer.json 中列出依赖项，如下所示：

{
// package dependencies
"require": {
    "bower-asset/jquery": ">=1.11.*"
}
}

所以：

bower install materialize

更多信息（Yii2's官方文档）：Bower and NPM Assets

同样值得注意的是，您可以为您的应用程序定义新的Asset Bundle，因此，无需修改AppAsset 类。要创建您自己的Asset Bundle，请查看以下链接：

Defining Asset Bundles 和 Using Asset Bundles

如果您想从您的应用中禁用 bootstrap 或 JQuery，您可以查看以下链接：

Yii2 disable Bootstrap Js, JQuery and CSS

【讨论】：

将 >=1.11.* 更改为 >=1.11.0 前者会引发 UnexpectedValueException

【解决方案2】：

你可以使用 Materialize for Yii2 包。这个 repo 通过在 Yii2 中实现 Materialize 提供了 Bootstrap 的替代方案。

其他替代扩展名是1 和2。

【讨论】：