Where store css and js in symfony

Question

im using symfony ad i read that the best practice to store image js and images is /web

<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" />

if I want use assetic i found example like

    {% javascripts '@AppBundle/Resources/public/js/*' output='js/compiled/main.js' %}
    <script src="{{ asset_url }}"></script>
{% endjavascripts %}

where @AppBundle is logical name of Bundle

Logical File Names¶

When you want to reference a file from a bundle, use this notation: @BUNDLE_NAME/path/to/file; Symfony will resolve @BUNDLE_NAME to the real path to the bundle. For instance, the logical path @AppBundle/Controller/DefaultController.php would be converted to src/AppBundle/Controller/DefaultController.php, because Symfony knows the location of the AppBundle.

Where Do I Have To store my assets?

Ajir · Accepted Answer · 2016-03-21 12:47:25Z

3

If you are NOT using assetic, you should place your publicly accessible images and js in the /web directory.

If you are USING assetic, you should place your publicly accessible images and js in your @AppBundle/Resources/public/css and @AppBundle/Resources/public/js respectively. Then you will have to use assetic, assetic will automatically take care of making it accessible to the public. You don't need to worry about that, usually it will filter and copy your files into your /web directory.

Example:

{% block javascripts %}
    {% javascripts '@AppBundle/Resources/public/js/*' %}
        <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}

In this example, all files in the Resources/public/js/ directory of the AppBundle will be loaded and served from a different location. The actual rendered tag might simply look like:

<script src="/app_dev.php/js/abcd123.js"></script>

For more info, read this: http://symfony.com/doc/2.8/cookbook/assetic/asset_management.html#installing-and-enabling-assetic

answered Mar 21, 2016 at 12:47

Ajir

2151 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

monkeyUser Over a year ago

But with Assetic, you can manipulate these assets however you want (or load them from anywhere) before serving them. ok but what is the best practice? store in web o in bundle? because in this link symfony.com/doc/current/best_practices/… the assets are in web folder

Cerad Over a year ago

I think it is safe to say that the use of Assetic is being discouraged as evidenced by the fact that it is no longer even bundled by default. If your assets are simple then just put then under /web/css and js. If they require some server side processing (minification etc) then use one of the many specialized nodejs tools such as gulp, webpack or browserify.

Ajir Over a year ago

I agree with @Cerad. If you are going to reuse your bundles in another projects, then store it in your bundle.

Roger Guasch · Accepted Answer · 2016-03-22 10:12:07Z

1

you should put your css/js files under app/Resources/assets/css and app/Resources/assets/js (asset folder can be "public" folder)

And later you shoud use assetic to put the final app.css and app.js under the web folder (this is the public folder in symfony projects)

Documentation here (contradiction?) and here

edited Mar 22, 2016 at 10:12

answered Mar 21, 2016 at 11:35

Roger Guasch

4005 silver badges19 bronze badges

4 Comments

Cerad Over a year ago

Your answer contradicts your first link. Perhaps you could explain a bit more?

monkeyUser Over a year ago

are you sure to put asset in app/Resources/assets/?

Roger Guasch Over a year ago

@cerad why? I put my assets (css and js) in my pirvate zone (app/Resources/assets) and later, with assetic I put the final files app.css and app.js in public web folder. I think, thats it's correct, ins't it?

Cerad Over a year ago

Assetic is no longer delivered by default with Symfony. The best practices that you linked to discourages the use of assetic. Perhaps you should remove your first link and then make clear that your suggestions are contrary to what Symfony currently suggests. At the very least, removing the link would remove the rather serious contradiction in your answer.

FabienChn · Accepted Answer · 2018-02-12 09:53:57Z

1

Since Symfony4.0, the Best Practice is now in a new /assets directory in the root directory.

This makes it much easier for your Frontend developers and designers to work without having to get into the backend mess.

edited Feb 12, 2018 at 9:53

answered Jan 24, 2018 at 10:56

FabienChn

96811 silver badges19 bronze badges

Collectives™ on Stack Overflow

Where store css and js in symfony

3 Answers 3

3 Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related