[webpack] file-loader 와 url-loader 가 작동 안하는 이슈 해결 방법

1. css-loader option 설정이 url: false 인 경우 url: true 로 변경한다.

 

배포일 경우 url : true, webpack-dev-server 일 경우 url: false

{
        test: /\.(css)$/,
        use: [
          { loader: 'style-loader' },
          { loader: 'css-loader',
          	options: {
            	url: true
            }
          },
        ],
},

 

2. file-loader 가 1점 대 이상일 경우 1점대로 사용한다. 

 "file-loader": "^1.0.2",

 

3. .css 와 .scss 파일에서 절대 경로가 아닌 상대 경로를 사용한다.

background: url(../../../../assets/img/img-chevent.png)0 0 repeat-x;

 

 

와 오랜만에 삽질 이틀 했따 ;ㅎ ㅋ