Webpack Config Basics - 7. Html Webpack Plugin

Поділитися
Вставка
  • Опубліковано 26 гру 2024

КОМЕНТАРІ • 19

  • @franco-cespi
    @franco-cespi Рік тому

    Thanks a lot! We have been building an app that uses a very hand-tailored config for webpack. Your videos helped me a lot to understand what was written before me and also allowed me to improve a lot the codebase by the uses of this HTML plugin and other things that you expand in this series of tutorial.

  • @alenngk
    @alenngk 7 років тому +2

    I like your approach, you show up basics and then build up on that, this is the best way to learn something new for me. Others just type code and than explain why is that the best, in their opinion, and move on.

    • @side_Seven
      @side_Seven  7 років тому +2

      Thanks! I appreciate it! I agree with you, I found those kind of videos taught me how to 'copy' not the how and why of what it was I was doing.

  • @wengeance8962
    @wengeance8962 7 років тому +4

    please make more videos thanks, they're very helpful, i dont care what you makes videos about. I just know that it's going to be helpful. thanks.

    • @side_Seven
      @side_Seven  7 років тому +1

      Wow that's one of the best compliments I've ever gotten! Will do!

  • @NarleyBrittes
    @NarleyBrittes 7 років тому

    Hi Matthew. How would you configure webpack when index.html has html fragments? Say for example the header and the footer are fragments that get injected into index (ie.: ).

    • @side_Seven
      @side_Seven  7 років тому

      Hey! The answer is less webpack specifically and more to do with using the html loader. It has many different options and support for all sorts of templating engines. It's really easy to setup if you look through the docs
      github.com/webpack-contrib/html-loader
      But I'm definitely open to doing a video on it if you think it would help.

    • @NarleyBrittes
      @NarleyBrittes 7 років тому

      Thanks for your reply Matthew. It would be nice to a video on the subject.

  • @indianpixelguy
    @indianpixelguy 7 років тому

    Can use html-webpack-plugin and add all bundles in some order ?
    I am creating angular 1 app using webpack, i want to first add vendor first and then i want to add my app code, how we can do that ?

    • @side_Seven
      @side_Seven  7 років тому +1

      Hey!
      If you check out the docs for html-webpack-plugin you'll see the 'chunksSortMode' option which determines how it sorts the bundles. By default it does auto, and in my experience it usually does it in the correct order.
      However you can write a function as well if you find you need to manually alter the order.

  • @kennethburla
    @kennethburla 6 років тому

    so after i build my webpack project it will automatically generate those js and html?

    • @side_Seven
      @side_Seven  6 років тому +1

      Correct! Just be aware though, this video is from Webpack 1.

    • @kennethburla
      @kennethburla 6 років тому +1

      thanks man you explain things simple but clear .very helpful

  • @khaledfares8377
    @khaledfares8377 8 років тому +2

    Great video dude.

  • @kishormaharjan9321
    @kishormaharjan9321 8 років тому +1

    waiting for next video..

  • @linda1328
    @linda1328 2 роки тому

    this way solve the problem
    ERROR in Error: Child compilation failed:
    Module not found: Error: Can't resolve 'C:\Users.....
    tks

  • @ruipeng1624
    @ruipeng1624 8 років тому +1

    Good work! Thanks!

  • @jorgericaldi6438
    @jorgericaldi6438 7 років тому +1

    great! thank you

  • @cmcuna
    @cmcuna 3 місяці тому

    Ty bro