Webpack 3에서는 어떻게하면 다른 CSS URL을 생성 할 수 있습니까?

Question

프로젝트를 만들 때 내 배경 이미지의 다른 URL을 출력하려고합니다. 내장 때

./src/components/assets/images....

내가 원하는 무엇 :

내 현재 CSS 이미지 경로는

/images/default-source/images/icon.png

내가 다른 일을 시도 같은 css-loader 내에서 옵션으로하지만, 그들 중 누구도 없다 일했다. 일반적으로 이미지를 찾을 수 없으므로 프로젝트를 실행할 때 문제가 발생합니다.

디렉토리 : 나는 아마 발견하고 빌드하는 동안 교체의 일종을 사용하여 생각

/build/main.css
/src/components/assets/css/main.css
/src/components/assets/images/

/webpack.config.js

{ 
    test: /\.scss$/, 
    use: ExtractTextPlugin.extract({ 
    fallback: 'style-loader', 
    use: [ 
     { 
     loader: 'css-loader', 
     options: { 
      url: false , 
     } 
     }, 
     { 
     loader: 'postcss-loader' 
     }, 
     { 
     loader: 'sass-loader', 
     }, 
    ], 
    }), 
}, 

. 가장 좋은 솔루션은 무엇입니까?

Answer 1

, 당신의 webpack.config.js 또는 앱이

npm run build --output-public-path='/images/default-source/' 

웹팩 3은 아직 테스트하지 않았다 동의하면 없음 확인의 빌드 동안이를 추가하려고 응답을