ब्राउज़र प्लगइन के लिए Webpack सेट करना

your-extension/
├── public/            # स्थैतिक फ़ाइलें जैसे HTML, CSS, और मैनिफेस्ट शामिल करता है
│   ├── images/
│   ├── icons/
│   ├── manifest.json
│   └── popup.html
├── src/               # आपकी जावास्क्रिप्ट स्रोत कोड शामिल करता है
│   ├── background.js
│   ├── popup.js
│   ├── content_script.js
│   └── ... (कोई अन्य JS फ़ाइलें)
└── package.json       # NPM पैकेज फ़ाइल

npm init -y

npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-env copy-webpack-plugin file-loader

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

module.exports = {
    mode: 'development', // उत्पादन बिल्ड के लिए 'production' का उपयोग करें
    entry: {
        background: path.join(__dirname, 'src', 'background.js'),
        popup: path.join(__dirname, 'src', 'popup.js'),
        content_script: path.join(__dirname, 'src', 'content_script.js'),
    },
    output: {
        path: path.join(__dirname, 'dist'),
        filename: '[name].js',
        publicPath: ""
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-env']
                    }
                }
            },
            {
                test: /\.js$/,
                exclude: /node_modules/
            },
            {
                test: /\.(png|svg|jpg|gif)$/,
                use: [
                    'file-loader',
                ],
            },
        ]
    },
    plugins: [
        new CopyPlugin({
            patterns: [
                { from: 'public', to: '' } // सभी एसेट्स और manifest.json को 'public' से 'dist' में कॉपी करें
            ],
        }),
    ]
};

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "build": "webpack --mode production",
  "watch": "webpack --mode development --watch"
},

npm run build

npm run watch