[Webpack Encore] always show examples with npm

[Seb33300]

Is there any reason to favor yarn over npmcommand lines in webpack encore documentation?

Some examples in the documentation are only available with yarn command and the installation example with npm is in the section "for non Symfony applications" so people may think that installing yarn is required when using Symfony.

I dont know if the documentation website supports it for command lines, but I think it could be nice to have all examples in both npm & yarn using the same tab feature we can see on some other pages (to switch between annotations, YAML, XML, ...)

And maybe display npm by default, because this is the tool required to install. Yarn is optional.

[javiereguiluz]

We did that because, after evaluating both tools, we decided that Yarn worked much better (and faster) than npm. But yes, we should display both commands always. So, someone with enough experience in "npm" needs to help us submitting a Pull Request with the needed changes. If there are lots of changes, it's OK to do separate PRs. Also, PRs should be created against 4.4 branch. Thanks!

[havijs]

Hi I'm new :D but I'd like to help. Is this format OK?

$ yarn command

# if you prefer npm, run:
$ npm relative command

[Seb33300]

I think it's better if we can use tabs but I don't know if this is possible with console code

[havijs]

I think it's better if we can use tabs but I don't know if this is possible with console code

What about something like this?

.. configuration-block::

    .. code-block:: terminal+yarn
        # yarn command
    .. code-block:: terminal+npm
        # npm command

There is a list of supported formats here which I don't know where these markup formats are defined.

[OskarStark]

just use terminal for both code blocks