AHRIBORI.COMv0.9
HomeAbout (2)Javascript (7)CSS (12)React (3)Webpack (1)Java (0)Node.js (4)ElasticSearch (1)자료구조 (8)알고리즘 (6)Selenium (1)Linux (2)Docker (1)Git (1)Tip (4)Issue (1)Memo (3)

Webpack2, 3 SASS/SCSS 설정

아리보리 | 2017.08.01 01:11 | 조회 246 | 추천 0 | 댓글 0

 

 node-sass와 sass-loader를 devDependencies로 설치한다.

npm install --save-dev node-sass sass-loader

 

webpack.config의 module property에 다음을 추가한다.

{
    test: /(\.scss$)/,
    loaders: [{
        loader: 'style-loader'
    }, {
        loader: 'css-loader'
    }, {
        loader: 'sass-loader',
        options: {
            outputStyle: 'compressed',
            includePaths: ['./node_modules']
        }
    }]
}