wext-manifest-webpack-plugin

wext-manifest-webpack-plugin

wext-manifest-webpack-plugin

Webpack plugin to solve the problem of generating js file for manifest.json entry

🙋‍♂️ Made by @abhijithvijayan

Donate: PayPal, Patreon

---

How it works

It just find js files from manifest entry and remove the js file from the compilation.

Looking for Web Extension starter?

Checkout web-extension-starter that uses this

Installation

npm install --save-dev wext-manifest-webpack-plugin

or

yarn add wext-manifest-webpack-plugin --dev

Usage

// ... other plugins
const WextManifestWebpackPlugin = require("wext-manifest-webpack-plugin");

module.exports = {
    entry: {
        manifest: './source/manifest.json',
        // ...
    },

    output: {
        path: path.join(destPath, targetBrowser),
        filename: 'js/[name].js',
    },

    module: {
        rules: [
            {
                type: 'javascript/auto', // prevent webpack handling json with its own loaders,
                test: /manifest\.json$/,
                use: 'wext-manifest-loader',
                exclude: /node_modules/,
            },
        ]
    },

    plugins: [
        new WextManifestWebpackPlugin(),
        // ...
    ],
};

Show your support

Give a ⭐️ if this project helped you!

License

MIT © Abhijith Vijayan