Angular2 - Webpack에서 Sass 통합

Question

angular CLI (@ 1.0-webpack.2)을 사용하여 새 angular2 프로젝트를 만들었습니다.

Sass을 내 프로젝트에 통합하고 싶습니다.

나는 알고 :
이

• 나는에 대한 특정 디렉토리를 가지고 내가 역자 주 거라고 무엇 include SCSS in ng2 components

에 가능하다고이

에 대한 gulp입니다 사용할 수 있습니다 .scss 파일은 변경된 후 '보아야'하고 컴파일해야합니다 (예 : .ts). ng serve (터미널) 이후의 파일

는

Answer 1

으로 지금이 순간 (8 월 25 일) 이것은 가능하지 않지만, 각도 클라이 (angular-cli)의 다음 릴리즈에서는 가능할 것입니다.

angular-cli.json 파일에는 속성 이름 styles이 있으며 이는 참조 할 때 응용 프로그램에 포함될 스타일 파일의 경로 배열입니다.

당신은 공식 튜토리얼이 발표 된 "각도/CLI @"새로운 이후

Answer 2

당신은 dist에 index.html를 이동해야합니다 감사합니다. 당신이하는 SCS 당신의 웹팩 빌드로 구축 통합 할 경우, 웹팩 설정에 다음을 추가

{ 
    output: { 
     filename: './dist/[name].js' 
    }, 

    module: { 
     loaders: [ 
      { 
       test: /\.css$/, 
       exclude: './app', 
       loader: ExtractTextPlugin.extract('style', 'css') 
      }, 
      { 
       test: /\.scss$/, 
       loaders: ['exports-loader?module.exports.toString()', 'css', 'sass'] 
      } 
     ] 
    }, 

    plugins: [ 
     new ExtractTextPlugin('./styles.css') 
    ] 
}; 

당신은 다음 NG2 구성 요소 scss 파일을 포함 할 수 있습니다 styles: [require('path-to-scss')]