Symfony 和基本的 css

我刚开始使用 symfony 制作网站。我对此很陌生,但仍然使用互联网和所有文档,我设法了解它的基本工作原理,并且我想出了如何在 symfony 上为我的 css 代码使用资产。我已经用条目配置了我的资产,其他一切似乎都有效。甚至我的公共目录似乎都没问题。现在,当我尝试编写一些 css 时,它似乎没有加载到我的主页上:/。有人可以帮我弄这个吗 ?谢谢你的帮助 !:)


这是我的 WEBPACK.CONFIG.JS


    // directory where compiled assets will be stored

    .setOutputPath('public/build')

    // public path used by the web server to access the output path

    .setPublicPath('/build')

    // only needed for CDN's or sub-directory deploy

    //.setManifestKeyPrefix('build/')


    /*

     * ENTRY CONFIG

     *

     * Add 1 entry for each "page" of your app

     * (including one that's included on every page - e.g. "app")

     *

     * Each entry will result in one JavaScript file (e.g. app.js)

     * and one CSS file (e.g. app.css) if your JavaScript imports CSS.

     */

    //.addEntry('app', './assets/js/app.js')

    //.addEntry('page1', './assets/js/page1.js')

    //.addEntry('page2', './assets/js/page2.js')

    .addEntry('style', './assets/css/app.css')

这是我的 BASE.TWIG.HTML 文件



<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>{% block title %}Welcome!{% endblock %}</title>

        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

        {% block stylesheets %}<link rel="stylesheet" href="{{ asset('/build/css/style.css') }}">{% endblock %}

    </head>

    <body>

        {% block body %}{% endblock %}

        {% block javascripts %}{% endblock %}

    </body>

</html>



这是我想应用 CSS 的页面的头部


{% extends 'base.html.twig' %}

{% block body%}

<h1>welcome</h1>

<img src="" alt="Home pic" class="bckPic">


    <!-- About -->


<h2 class="headTitle">About</h2>


    <div class="row">

        <p class="col">blablablablablabla</p>

        <img class="col" src="" alt="logo">

    </div>


泛舟湖上清波郎朗
浏览 149回答 1
1回答

江户川乱折腾

您的代码似乎是正确的。尝试改变`<link rel="stylesheet" href="{{ asset('/build/css/style.css') }}">`和{{ encore_entry_link_tags('style') }}“style” 是 webpack.config.js 中的条目名称 -> .addEntry('style', './assets/css/app.css')然后在命令行中转到源根文件夹并运行:&nbsp;yarn install&nbsp;#for develop env&nbsp;yarn encore dev&nbsp;#for prod env&nbsp;#yarn encore prod并刷新页面请参阅:https : //symfony.com/doc/current/frontend/encore/installation.html
打开App,查看更多内容
随时随地看视频慕课网APP