Comment utiliser html-webpack-plugin avec des modèles express existants?

Question

J'ai installé le module npm express-generetor et comment le projet est structuré avec les fichiers jade utilisés comme modèles. Cependant j'aime aussi utiliser le HTML-webpack-plugin qui génère ses propres fichiers, quelle est la meilleure façon d'intégrer les deux approches?

Answer 1

• Etape 1:

Générez votre fichier html (s):

module.exports = { 
    entry: { 
    'page1': './apps/page1/scripts/main.js', 
    'page2': './apps/page2/src/main.js' 
    }, 
    output: { 
    path: __dirname, 
    filename: "apps/[name]/build/bundle.js" 
    }, 
    plugins: [ 
    new HtmlWebpackPlugin({ 
     inject: true, 
     chunks: ['page1'], 
     filename: 'apps/page1/build/index.html' 
    }), 
    new HtmlWebpackPlugin({ 
     inject: true, 
     chunks: ['page2'], 
     filename: 'apps/page2/build/index.html' 
    }) 
    ] 
}; 

• Etape 2: Ajoutez le fichier html généré (s) à votre fichier de jade

  include ../../public/index.html