Pourquoi popup.html doit-il référencer la configuration Webpack de ces fichiers JS ?

Question

Je souhaite uniquement faire référence à popup.js dans popup.html. Cependant, content.js et background.js sont également référencés dans popup.html. Pourquoi cela se produit-il et comment puis-je y remédier ?

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyPlugin = require('copy-webpack-plugin')

module.exports = {
    entrée : {
        pop-up : './src/popup.tsx',
        contenu : './src/content.tsx',
        arrière-plan : './src/background.ts',
    },
    sortir: {
        nom de fichier : '[nom].js',
        chemin : chemin.resolve(__dirname, 'dist')
    },
    module : {
        règles: [{
            test : /.ts(x)?$/,
            utilisez : 'ts-loader',
            exclure : /node_modules/
        }]
    },
    plugins : [
        nouveau HtmlWebpackPlugin({
            modèle : './src/popup.html',
            nom du fichier : 'popup.html'
        }),
        nouveau CopyPlugin({
            motifs: [
                { de : "public" }
            ]
        })
    ]
}
≪/pré>




    
    
    
    Document
    
    
    
≪/tête>


    




≪/pré>
Pourquoi cela se produit-il et comment y remédier ? 

Answer 1

Eh bien, c'est facile :

plugins: [
  new HtmlWebpackPlugin({
    chunks: ['content']
  })
]