Как подключить сторонние библиотеки в Webpack?

Question

[Виктория]

Доброго времени суток!
Собственно, вопрос: рассматриваю работу с вебпаком. Худо-бедно, но jquery подключила. Но как подключить, допустим, следующее: Animate.css
( https://daneden.github.io/animate.css/ ), Particles.js ( https://vincentgarreau.com/particles.js/ ), fullPage.js ( https://alvarotrigo.com/fullPage/ )? Что импортировать в index.js и как прописывать путь к нужным css в styles.scss? Нужно ли что-то прописывать в конфиге? Возможно, туплю и не врубаюсь. Буду благодарна за просвещение.

Answer 1

[Илья Герасимов]

npm install animate.css --save
И в своем корневом index.js подключаем:
import 'animate/animate.css';

В конфиге веб-пака должен быть загрузчик для css, примерно это выглядит так:

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

scss/sass можешь подключать прямо в styles.scss, например вот так:
@import '~bootstrap/scss/bootstrap.scss'

Comments

[Виктория]

Илья, большое спасибо!