2017-12-07 7 views
0

두 개의 프로젝트에서 VueJS를 사용하고 있으며 일반적으로 매우 만족하고 있습니다.vuejs : SCSS @import ignored

이제 라이브로 갈 예정이며 npm run build을 사용하여 파일을 생성하려고합니다 (VueJS Webpack Simple 템플릿에서 두 프로젝트를 시작했습니다).

매우 최근의 프로젝트 하나가 예상대로 작동했습니다. 그러나 5 월에 시작된 다른 하나는 npm run dev을 실행할 때 표시되지 않는 많은 비추천 오류를 제공하지 않습니다.

모든 종속성과 구성을 업데이트 한 후 거의 다시 작동하게되었습니다. 그러나 이제는 모든 @import 태그가 무시되어 효과적으로 모든 SCSS를 폐기합니다.

오류가 발생하지 않습니다. 렌더링 된 콘텐츠는 단순히 존재하지 않습니다. JS가 올바르게 렌더링됩니다.

더 많은 정보를 제공하고 싶지만이 문제를 해결하는 방법을 모르겠습니다. 필자는 Webpack을 사용하는 데별로 익숙하지 않았으며 수입이 단순히 어딘지에서 최적화되어 있다고 가정합니다.

두 프로젝트 모두 SCSS를 사용하며 동일한 로더 구성을가집니다.

@import "./sass/_invalid_/forms"; 
^ 
File to import not found or unreadable: ./sass/_invalid_/forms. 

그래서 그것은 분명히 제대로 파일을 읽고,하지만 난 더 출력을 얻을 : 내가 잘못된 것들에 @import 경로를 설정하면

, 내가 가져 오기 오류를 얻을.

어떻게 해결할 수 있습니까?

+0

prod에 대한 webpack-config의 내용을 변경 했습니까? – sandrooco

답변

0

vue-loader12.1.0으로 업그레이드 할 때이 문제가 발생했습니다. 내 package.json11.3.4으로 다운 그레이드하여 문제가 해결되었습니다.