vue.config.js

const chainWebpack = require('./chainWebpack.config.js');
const backgroundMode = process.env.BACKGROUND_MODE;
const devtoolMode = process.env.DEVTOOL_MODE;
const newtabMode = process.env.NEWTAB_MODE;

const config = {
    devServer: {
        writeToDisk: true,
        hot: false,
        disableHostCheck: true,
    },
    filenameHashing: false,
    pages: {
        options: {
            entry: 'src/options/index.js',
            template: 'public/index.html',
            filename: 'options.html',
            title: 'Options',
            chunks: ['chunk-vendors', 'chunk-common', 'options'],
        },
        popup: {
            entry: 'src/popup/index.js',
            template: 'public/index.html',
            filename: 'popup.html',
            title: 'Popup',
            chunks: ['chunk-vendors', 'chunk-common', 'popup'],
        },
    },
    css: {
        extract: true,
    },
    chainWebpack,
}

if (backgroundMode === 'html') {
    config.pages['background'] = {
        entry: 'src/background/index.js',
        template: 'public/index.html',
        filename: 'background.html',
        title: 'Background',
        chunks: ['chunk-vendors', 'chunk-common', 'background'],
    }
}

if (devtoolMode) {
    config.pages['devtool'] = {
        entry: 'src/devtool/index.js',
        template: 'public/index.html',
        filename: 'devtool.html',
        title: 'Devtool',
    }
}

if (newtabMode) {
    config.pages['newtab'] = {
        entry: 'src/newtab/index.js',
        template: 'public/index.html',
        filename: 'newtab.html',
        title: 'NewTab',
    }
}

module.exports = config;