파일 로더를 사용하여 webpack의 jQuery UI에서 에셋로드

Question

jQuery UI 자산을/dist/폴더에 갖고 싶습니다. 앱에서로드해야합니다. 내 웹팩 설정이 있습니다

module.exports = { 
    context: path.resolve(__dirname, "app"), 
    output: { 
     path: __dirname + '/dist', 
     filename: 'app.bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.css$/, 
       loaders: [ 
        'style-loader', 
        'css-loader?importLoaders=1', 
        'postcss-loader' 
       ] 
      }, 
      { 
       test: /\.(jpe?g|png|gif|svg)$/i, 
       loaders: [ 
        'file?hash=sha512&digest=hex&name=[hash].[ext]', 
        'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false' 
       ] 
      } 
     ] 
    } 
}; 

그것은 루트 디렉토리에서 자산을로드하려고하지 /dist에서 이미지 파일의 dist 디렉토리에 있습니다.

나는 이름 DIST를 추가하려고했습니다

'file?hash=sha512&digest=hex&name=dist/[hash].[ext]' 

이미지가로드하지만 나는 이미지 파일과 디렉토리 DIST/DIST 있습니다. ./을 추가하려고했지만 이미지가로드되지 않습니다. 또한 outputPath=/dist/을 설정하려고 시도했지만 아무 것도 변경되지 않았습니다.

Answer 1

이 작품 :

file?hash=sha512&digest=hex&name=[hash].[ext]&publicPath=dist/