Webpack Dosya/Resim yükleyici .ejs şablonu içinde görüntüler için

Question

Görüntü etiketi dizinim. Şablonumda bulunuyorsa, web paketi yapılandırmasında görüntüler yüklemek için bir ayar eksik görünüyor.

Tüm resimlerim projemdeki html dosyamda düzgün bir şekilde yeniden adlandırılıyor ve derleme sırasında düzgün yükleniyor, ancak .ejs dosyasındaki resim etiketi göz ardı ediliyor. Benim .ejs içinde

yani ben <img src="../../home.png"> varsa bu şekilde kalır, fakat normal html dosyasında bu Bulunduğum yükleyiciler <img src="12345677.png">

dönüşür:

loaders: [ 
      //HTML Files 
      { 
       test: /\.html$/, 
       loader: 'html' 
      }, 
      //Transpile ES6 to ES5 
      { 
       test: /\.js$/, 
       include: path.join(__dirname, 'src'), 
       exclude: /node_modules/, 
       loader: 'babel', 
       query: { 
        presets: [ 
         ["es2015", {"module": false}] 
        ] 
       } 

      }, 
      //Extract Normal CSS 
      { 
       test: /\.css$/, 
       loader: ExtractTextPlugin.extract({ loader : 'css?sourceMap!autoprefixer', publicPath: "../"}) 

      }, 
      //Bundle Less into CSS Code 
      { 
       test: /\.less$/, 
       loader: ExtractTextPlugin.extract({ loader : 'css?sourceMap!autoprefixer!less?sourceMap', publicPath: "../"}) 
      }, 
      //Images 
      { 
       test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)$/, 
       loader: 'file' 
      } 
     ] 

ve önemli eklentiler:

plugins.push(
      new HtmlWebpackPlugin({ 
       hash: true, 
       filename: 'index.html', 
       template: './src/index.ejs', 
       favicon: './src/favicon.ico', 
       inject : false 
      }), 
      // Write out CSS bundle to its own file: 
      new ExtractTextPlugin({ 
       filename: 'css/[contenthash].styles.css', 
       allChunks: true 
      }), 
     ); 

Answer 1

Sanırım ejs imi yükleyici desteği yok

WebPack için bu thread

diğer yükleyici içinde author önerdiği gibi resim dosyalarını yüklemek için bu bağlantıyı underscore-template loader deneyebilirsiniz

ejs-loader