वेबपैक फ़ाइल/छवि लोडर .ejs टेम्पलेट में छवियों के लिए

Question

लगता है कि छवि टैग मेरे index.ejs टेम्पलेट के भीतर है, तो वेबपैक कॉन्फ़िगरेशन में छवियों को लोड करने के लिए एक सेटिंग याद आ रही है।

मेरी परियोजना में मेरी एचटीएमएल फाइलों में मेरी सभी छवियां ठीक से नामित हो जाती हैं और मेरे निर्माण के दौरान ठीक लोड होती हैं, लेकिन .ejs फ़ाइल में छवि टैग को अनदेखा कर दिया जाता है।

मेरी .ejs में

यानी अगर मैं <img src="../../home.png"> है इसे उस तरह से रहता है, लेकिन सामान्य html फ़ाइल में मेरे वर्तमान लोडर <img src="12345677.png">

में परिवर्तन:

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' 
      } 
     ] 

और महत्वपूर्ण प्लगइन्स:

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

मुझे लगता है कि ईजेएस में कोई छवि लोडर समर्थन नहीं है

आप के रूप webpack के लिए इस thread

अन्य लोडर में author ने सुझाव दिया छवि फ़ाइलों को लोड करने के लिए इस लिंक underscore-template loader कोशिश कर सकते हैं शामिल हैं ejs-loader