ファイルローダーを使用してwebpack内のjQuery UIからアセットをロード

Question

jQuery UIアセ​​ットをフォルダ/ dist /に配置したい場合は、アプリケーションからロードする必要があります。私は私のWebPACKの設定でこれを持っている：

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/