webpack.config.js 파일에서
module: {
rules: [
{
test: /\.vue$/,
use: 'vue-loader'
},
{
test: /\.s?css$/,
use: [
// 순서 중요!
'vue-style-loader',
'style-loader',
'css-loader',
'postcss-loader',
{
loader:'sass-loader',
options:{
additionalData:'@import "~/scss/main";'
}
}
]
},
module 부분의 sass 부분을 고쳐준다.
additionalData 부분에 작성하면 sass 생성 시 제일 먼저 자동으로 선언되게 된다.
편리하게 스타일 작성 가능하다.
'vue.js' 카테고리의 다른 글
vue router [scroll behavior][화면 변경 시 스크롤 위치 조정] (0) | 2021.11.17 |
---|---|
vuex (0) | 2021.11.17 |
Bootstrap [breakpoint] 반응형웹 (0) | 2021.11.16 |
404 page not found (0) | 2021.11.16 |
API 비동기 처리 연습 (0) | 2021.11.14 |