vue-cli 프로젝트에서 webpack css loader를 구성하는 방법

Question

새로 생성 된 vue-cli 프로젝트가 있습니다. npm install purecss --save을 사용하여 Pure.CSS 프레임 워크를 설치했습니다. 하지만 css 프레임 워크를 내 프로젝트에 통합, 가져 오거나로드하는 방법을 알아낼 수는 없습니다. 나는 심지어 프로젝트에서 보통의 css (mystyle.css 등) 파일을 보관해야하는지도 모른다. 나는 그것이 src/assets 디렉토리 안에 있어야한다고 생각하고 있습니다. vue-cliProject Structure입니다.

어떻게 모든 css 파일을 app.css 또는 main.css와 같은 단일 파일에 묶을 수 있습니까? 예를 들어 당신의 App.vue에

import '../node_modules/purecss/path/to/css/file.css' 

:

Answer 1

다음과 같은 방법으로 다른 자원으로 가져올 수 있습니다.

node_modules의 경로가 올바른지 확인하십시오.

그러면 템플릿의 어느 곳에서나 purecss 스타일을 사용할 수 있습니다.