Webpack 및 Vue.JS를 사용하여 타사 패키지 가져 오기 및 사용

Question

안녕하세요,

저는 webpack의 통합 vue.js에서 새로 도입되었습니다.

기본적으로 나는 node_modules에 이미 설치 한 타사 패키지를 사용하려고합니다.

이 예제에서는 "Vuex Toast"(vue.js에 대한 경고) 패키지를 설치했습니다. NPM Package here

내 프로젝트 구조는 다음과 같습니다.

.../js/main.build.js 
.../src-modules/app.js (blank for now) 

는 일반적으로, 나는 웹팩 명령을 실행할 때마다, 내 main.build.js 생성

사람이 어떻게 여기에 제 3 자 패키지를 사용하는 저를 도와 드릴까요?

Answer 1

webpack (및 일반적으로 bundlers)의 아이디어는 require 코드와 webpack이 번들로 제공한다는 것입니다. 당신의 app.js 다음을 수행에서

:

const vuexToast = require('vuex-toast'); 

지금 당신은 그것을 사용할 수 있습니다. Webpack은 node_modules/vuex-toast 폴더를 확인합니다.