时间戳

首页 > 解决方案 > Sulu 2.0：如何将自定义 css 和 js 添加到管理视图

symfony - Sulu 2.0：如何将自定义 css 和 js 添加到管理视图

问题描述

是否可以向 sulu 管理员添加自定义 css 和自定义 js 文件？

我看到，它是由vendor/sulu/sulu/src/Sulu/Bundle/AdminBundle/Resources/views/Admin/main.html.twig

我可以以某种方式覆盖这个模板吗？或者更好的是，有没有办法扩展它，而不会丢失提交给捆绑包的未来更新？

多谢！
安德烈亚斯

标签： symfonysulu

解决方案

您可以.scss使用 webpack 别名覆盖 webpack.config.js 中的特定文件，例如登录 scss：

    config.resolve.alias[loginScssPath] = path.resolve(__dirname, 'style-overwrites/login.scss');

然后在文件中执行以下操作：

/* import original stylesheet to keep original styling */
@import 'sulu-admin-bundle/containers/Login/login.scss';

/* overwrite style for specific elements */
.login-container {
    background-color: lightpink;
}

这个例子也可以在这里找到：https ://github.com/sulu/sulu-demo/pull/62/files

想提一下，这种覆盖没有给出 bc-promise。

推荐阅读