"dependencies": {
"css-loader": "^5.0.1", // css를 읽어준다.
"style-loader": "^1.2.1" // style 태그로 주입시킨다.
"node-sass": "^4.14.1" // scss 컴파일러 설치 & node에서 사용할수 있도록 해준다.
"sass-loader": "^9.0.2" // scss를 읽어준다.
}
module.exports = (env, options) => {
return {
module: {
rules: [
{
{
test: /\.s[ac]ss/,
/*
역순으로 동작한다.
sass-loader -> css-loader -> style-loader
style-loader 대신 mini-css-extract-plugin을 사용해도 된다.
*/
use: [ 'style-loader', 'css-loader', 'sass-loader' ]
}
}
]
}
}
}
https://heropy.blog/2017/10/18/webpack\_1\_start\_ejs\_sass/