반응형
vue-cli 앱의 node_modules에서 js 파일 가져오기
npm : https://github.com/hchstera/vue-charts 에서 설치했습니다.
하고있다npm install hchs-vue-charts
내가 보기엔 차트를 만들기 위한 패키지야
이 lib를 Import하는 방법을 알고 싶습니다.node_modules
Vue-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.js
vue-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
반응형
'IT이야기' 카테고리의 다른 글
FolderBrowserDialog 대화 상자가 선택한 폴더로 스크롤되지 않는 이유는 무엇입니까? (0) | 2022.06.17 |
---|---|
구성 요소 페이지 Vue로 푸시할 때 재귀 발생 (0) | 2022.06.17 |
C/C++에서 임의의 비트를 읽고 쓰는 방법 (0) | 2022.06.17 |
프록시를 사용하여 vue CLI 개발 서버에서 리다이렉트를 처리하려면 어떻게 해야 합니까? (0) | 2022.06.17 |
Vue.js 'v-bind:class'가 업데이트되지만 업데이트되지 않음 (0) | 2022.06.17 |