Mengapakah popup.html perlu merujuk konfigurasi Webpack bagi fail JS ini?

Question

Saya hanya mahu merujuk popup.js dalam popup.html. Walau bagaimanapun, content.js dan background.js juga dirujuk dalam popup.html. Mengapa ini berlaku dan bagaimana saya membetulkannya?

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

module.exports = {
    entri: {
        timbul: './src/popup.tsx',
        kandungan: './src/content.tsx',
        latar belakang: './src/background.ts',
    },
    pengeluaran: {
        nama fail: '[name].js',
        laluan: path.resolve(__dirname, 'dist')
    },
    modul: {
        peraturan: [{
            ujian: /.ts(x)?$/,
            gunakan: 'ts-loader',
            kecualikan: /node_modules/
        }]
    },
    pemalam: [
        HtmlWebpackPlugin baharu({
            templat: './src/popup.html',
            nama fail: 'popup.html'
        }),
        CopyPlugin baharu({
            corak: [
                { daripada: "awam"
            ]
        })
    ]
}





    
    
    
    Dokumen
    
    
    



    





Mengapa ini berlaku dan bagaimana untuk membetulkannya? 

Answer 1

Nah, mudah sahaja:

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