JS에서 "require is not defined"의 의미와 브라우저에서 라이브러리를 사용할 수있는 방법은 무엇입니까?

WebStorm이 라이브러리 에서 npm을 통해 설치했습니다.

npm install basicscroll

IDE는 패키지의 단어를 강조 표시하고 브라우저에서 프로젝트를 볼 때까지 모든 것이 잘 보입니다.

콘솔에서이 문제가 발생합니다.

applicative.js:15 Uncaught ReferenceError: basicScroll is not defined
    at applicative.js:15
    at NodeList.forEach (<anonymous>)
    at applicative.js:6

그래서 내 JS 파일의 시작 부분에 다음 문을 추가했습니다.

const basicScroll = require('basicscroll')

이번에는 라이브러리가 강조 표시된 상태로 유지되지만 메서드가 호출되지 않은 결과가 발생합니다. 그리고 브라우저에서 이것은 콘솔의 오류 프롬프트입니다.

Uncaught ReferenceError: require is not defined

내 확인 node_modulesI 설치 프로세스를 잘했다 생각 그래서 내가, 하위 디렉토리를 볼 수있는 디렉토리. 또한 package.json파일을 확인했습니다 .

"dependencies": {
    "basicscroll": "^3.0.2",
    [...]

솔직히 어디가 문제인지 모르겠습니다. 저는 웹 개발이 처음이고 온라인에 웹팩 모듈 경계가 도움이 될 수 있다는 것을 알았지 만 어디서부터 시작해야할지조차 모릅니다. 뭐가 잘못 되었 니 ? 감사합니다 !