2016-07-18 5 views
1

다음 로더가있는 예제 webpack 구성 파일을 선택했습니다.Webpack : CSS/SASS 용 로더?

test: /\.scss|.css$/, 

    loader: ExtractTextPlugin.extract('style', 'css?sourceMap!postcss') 
그것은 작동하는 것 같군하지만 내가 이해할 수없는 것은 당신이 말대꾸 로더를 사용해야한다고하지만, 나는 그것을 설치하지 않은, 그 내 패키지 파일 내부에 나열되지 않은 많은 곳이다

.

내가 볼 수있는 것부터, 스타일 로더를로드 한 다음 CSS 로더를로드합니다.

누군가 도움이 될 수 있습니까? 나는 아무 참고 만 (위) 테스트 라인

도 나는 그것이 ExtractTextPlugin의 오프 추출 기능을 사용하는 것을 알 수에/SCS들을 말대꾸하지 않으려면 참조 단지

loader: ['style', 'css?sourceMap!postcss'] 

감사를 사용하는 차이가 무엇인가 사전

** 수정 **

에서 이들은 내가 사용하고 postcss 플러그인입니다. 당신이 precss postcss 플러그인이 활성화되어 있기 때문에

require('postcss-import')({addDependencyTo: bundler}), 
     require('postcss-inline-comment')(), 
     require('postcss-hexrgba'), 
     require('postcss-size'), 
     require('precss')(), 
     require('css-mqpacker')(), 
     require('autoprefixer')({ 
      browsers: ['last 2 version'] 
     }) 
+0

어떤 postcss 플러그인을 사용하고 있습니까? –

+0

안녕하세요 @bebraw, 신속한 회신에 감사드립니다. 내가 사용하고있는 플러그인을 포함하도록 질문을 업데이트했습니다. – Martin

+0

나는 약간의 혼란 스럽다. 왜냐하면 내가 아는 한, 어떤 sass loader도 사용하지 않고 있기 때문이다. 그래서 다음 질문은 내가 마술처럼 일하는 대신에 sass-loader를 사용해야하는 것일까 요? – Martin

답변

1

그것은 작동합니다. SASS 스타일 마크 업을 제공합니다.

+0

그래. 그것은, 나는 그것을 제거하고 진짜 사스 로더와 함께 가기로 결정했습니다. 감사 – Martin