Как импортировать node_modules с помощью Webpacker - PullRequest
Новая
       33

Как импортировать node_modules с помощью Webpacker

0 голосов
/ 02 ноября 2018

Я новичок во всей игре JS / webpacker и не понимаю, как импортировать и использовать пакет javascript с помощью webpacker.

Я пытаюсь включить и использовать библиотеку Animate On Scroll.

У меня установлен и работает Webpacker (я знаю, что он работает, потому что я могу счастливо использовать StimulusJs).

Вот как выглядит мой файл /javascript/packs/application.js: 

import {
  Application
} from "stimulus"
import {
  definitionsFromContext
} from "stimulus/webpack-helpers"
import {
  trix
} from "trix"
import AOS from "aos"

const application = Application.start()
const context = require.context("controllers", true, /.js$/)
application.load(definitionsFromContext(context))
AOS.init();

Мой javascript_pack_tag включен в мой application.html.erb как <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload', defer: true %>

Я импортировал необходимые css-файлы, используя мой /assets/css/application.scss с @import 'aos/dist/aos';, так что это не должно быть проблемой.

Когда я пытаюсь использовать пакет AOS, делая что-то вроде <h1 class="text-center" data-aos="fade-in">This is a header.</h1>, ничего не происходит. Чего мне не хватает?

Спасибо.

...