.css 파일에 의존하는 node_modules 내부의 모듈을 다루는 방법은 무엇입니까?

Question

일부 종속성이 자체 제작 된 UI 라이브러리 구성 요소 인 프로젝트에서 작업하고 있습니다.

해당 구성 요소에는 해당 .css 파일이 있습니다. 같은 구조는 생산 호환 자바 스크립트 형식 transpiled 각 .js 파일, 빌드 폴더에 게시

|- src 
|-| 
    |- components 
    |-| 
    | Component 
    |-| 
     |- index.js 
     |- Component.js 
     |- Component.css 

: 소스 구조는 다음과 같은 것입니다.

내가 React-Starter-Kit를 사용하여이 모듈 폭스 바겐을 소비하고 프로젝트 나는 yarn start 또는 npm start를 사용하여 서비스를 시작하려고하면, 나는 다음과 같은 오류 얻을 : 나는 문제에 대한 바벨 .css을 읽으려고 생각

SyntaxError: Unexpected token . 
    at createScript (vm.js:53:10) 
    at Object.runInThisContext (vm.js:95:10) 
    at Module._compile (module.js:543:28) 
    at Object.Module._extensions..js (module.js:580:10) 
    at Module.load (module.js:488:32) 
    at tryModuleLoad (module.js:447:12) 
    at Function.Module._load (module.js:439:3) 
    at Module.require (module.js:498:17) 
    at require (internal/module.js:20:19) 
    at Object.<anonymous> ([... path to my component inside node_modules]:13:15) 
    at Module._compile (module.js:571:32) 
    at Object.Module._extensions..js (module.js:580:10) 
    at Module.load (module.js:488:32) 
    at tryModuleLoad (module.js:447:12) 
    at Function.Module._load (module.js:439:3) 
    at Module.require (module.js:498:17) 
/pathtomyproject/runServer.js:67 
      throw new Error(`Server terminated unexpectedly with code: ${code} signal: ${signal}`); 

을 파일을 만들었지 만 지금 당장 사용중인 실제 상용구 (React Starter Kit)를 사용하여 이런 종류의 문제를 피하는 좋은 접근 방법이 있는지 알고 싶습니다.

UPDATE 나는이 문제를 언급하는 것을 잊었다. 예상대로

import Component, { Styles } from '../../../node_modules/@scope/my-project/Component'; 

분명히 syntatic 설탕 수입을

감사를 가지고 좋은 작품 : 나는 상대 경로 sintax를 사용하여 해당 모듈을 가져올 경우.

Answer 1

당신의 대답에 따르면, 나는 생각한다, 그 수입이 있어야한다 : 그것의 .js 아니라고 보여 .CSS 확장자를 추가하는 것이 필요

import Styles from './Component.css', 그리고 CSS에 의해 처리되어야한다 - 로더 (웹팩을 사용하는 경우) 또는 다른 도구.