How to include third party libraries in webpack?

Question

JavaScript

Good day!
Actually, the question is: I'm considering working with webpack. At the very least, jquery connected. But how to include, say, the following: Animate.css
( https://daneden.github.io/animate.css/ ), Particles.js ( https://vincentgarreau.com/particles.js/ ), fullPage.js ( https://alvarotrigo.com/fullPage/ )? What to import in index.js and how to write the path to the required css in styles.scss? Do I need to write something in the config? Maybe I'm dumb and don't get it. I would be grateful for the enlightenment.

Answer 1

npm install animate.css --save
And in our root index.js we include:
In the webpack config there should be a loader for css, it looks like this:

{
        test: /\.css$/,
        use: [
          {
            loader: 'style-loader'
          },
          {
            loader: 'css-loader',
            options: {
              sourceMap: true,
            },
          }
        ]
      },

scss/sass can be included directly in styles.scss, like this:
@import '~bootstrap/scss/bootstrap.scss'