IT이야기

vue-cli 앱의 node_modules에서 js 파일 가져오기

cyworld 2022. 6. 17. 21:49
반응형

vue-cli 앱의 node_modules에서 js 파일 가져오기

npm : https://github.com/hchstera/vue-charts 에서 설치했습니다.

하고있다npm install hchs-vue-charts

내가 보기엔 차트를 만들기 위한 패키지야

여기 제 프로젝트가 있는데 대시보드에서 ChartJs를 사용하고 싶습니다.

이 lib를 Import하는 방법을 알고 싶습니다.node_modulesVue-cli 앱과 함께 Vuejs의 단일 구성 요소(https://github.com/vuejs/vue-cli)에서 Vue 인스턴스를 사용하여 수행하므로 이러한 구성 요소는 Vue의 인스턴스를 사용하여 수행됩니다.

감사합니다.

main.devel에 모듈을 장착해야 합니다.

import Vue from 'vue'
import VueCharts from 'hchs-vue-charts'

Vue.use(VueCharts)

그런 다음 앱의 모든 곳에서 다음과 같이 구성 요소를 사용합니다.

<template>
  <div id="app">
    <chartjs-line></chartjs-line>
  </div>
</template>

lib의 다른 컴포넌트:

<chartjs-bar/>
<chartjs-horizontal-bar/>
<chartjs-radar/>
<chartjs-polar-area/>
<chartjs-pie/>
<chartjs-doughnut/>

main.jsvue-module을 Import하고 다음과 같이 플러그인을 초기화합니다.

import VueCharts from 'hchs-vue-charts'

Vue.use(VueCharts)

언급URL : https://stackoverflow.com/questions/47452231/import-js-file-from-node-modules-in-vue-cli-app

반응형