Vue | 특정 NPM 패키지에서 스타일시트를 Import하는 방법

Vue | 특정 NPM 패키지에서 스타일시트를 Import하는 방법

animate.css를 로드하려고 합니다.이 패키지는 다음 명령을 사용하여 설치됩니다.npm install --save animate.css그럼 프로젝트 내에서 Import하는 가장 좋은 방법은 무엇일까요?

정적 폴더 안에 파일을 복사하여 그곳에서 로드하는 몇 가지 해결 방법을 우연히 발견했습니다.하지만 NPM을 패키지에서 옮기면 NPM의 장점을 모두 잃게 되므로 저는 그렇게 하고 싶지 않습니다.

응용 프로그램에서 animate.css를 글로벌하게 사용하는 경우

웹 팩 내

module: {
  loaders: [
    { test: /\.css$/, loader: "css-loader" }
  ]
}

메인.main.disclossyslog를 참조해당신의

import 'animate.css/animate.min.css'

내 프로젝트에서 유사한 시나리오로 한 것은 src Import를 사용하는 것입니다.

App.vue 구성 요소에 두 가지 스타일 태그를 추가합니다. 하나는 전역 스타일용입니다. App.vue는 시작점이고 다른 하나는 범위 지정 특성을 가진 스타일용입니다.

<style src="animate.css/animate.min.css">
    /* global styles */
</style> 

<style scoped>
    /* local styles */
</style> 

언급URL : https://stackoverflow.com/questions/44884512/vue-how-to-import-a-stylesheet-from-a-specific-npm-package