vue.config.js

const path = require('path');
const fs = require('fs');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const StyleLintPlugin = require('stylelint-webpack-plugin');
const pkg = require('./package.json');

const makeSourceMap = process.argv.indexOf('--nomap') === -1;

module.exports = {
    publicPath: '',
    assetsDir: 'static/',
    runtimeCompiler: true,
    transpileDependencies: ['irc-framework', 'ip-regex', 'isomorphic-textencoder'],
    productionSourceMap: makeSourceMap,
    css: {
        sourceMap: makeSourceMap,
    },
    configureWebpack: {
        resolve: {
            extensions: ['.js', '.vue', '.json'],
            alias: {
                vue$: 'vue/dist/vue.common.js',
            },
            // This prevents yarn link modules from getting linted
            symlinks: false,
        },
        performance: {
            maxEntrypointSize: 1500000,
            maxAssetSize: 1000000,
        },
        optimization: {
            splitChunks: {
                cacheGroups: {
                    // replace the vendors test so it does not chunk css files
                    vendors: {
                        name: 'vendor',
                        test: (m) => /[\\/]node_modules[\\/]/.test(m.context) && m.constructor.name !== 'CssModule',
                    },
                },
            },
        },
        plugins: [
            new StyleLintPlugin({
                files: ['src/**/*.{vue,htm,html,css,sss,less,scss}'],
            }),
            new CopyWebpackPlugin([
                {
                    from: path.join(__dirname, 'static/'),
                    to: path.join(__dirname, 'dist/static/'),
                    toType: 'dir',
                    ignore: ['.*', 'config.local.json'],
                },
            ]),
        ],
    },
    chainWebpack: (config) => {
        config.plugin('define').tap((args) => {
            // eslint-disable-next-line no-underscore-dangle
            args[0].__VERSION__ = JSON.stringify(pkg.version);
            return args;
        });

        config.plugin('html').tap((args) => {
            args[0].template = path.join(__dirname, 'index.html');
            args[0].minify = false;
            return args;
        });

        // add build/ to resolveLoader for exports-loader
        config.resolveLoader.modules.add(path.resolve(__dirname, 'build/webpack/'));

        // add exports-loader for GobalApi
        const vueRule = config.module.rule('vue');
        const vueCacheOptions = vueRule.uses.get('cache-loader').get('options');
        const vueOptions = vueRule.uses.get('vue-loader').get('options');
        vueRule.uses.clear();
        vueRule.use('cache-loader').loader('cache-loader').options(vueCacheOptions);
        vueRule.use('exports-loader').loader('exports-loader');
        vueRule.use('vue-loader').loader('vue-loader').options(vueOptions);

        const jsRule = config.module.rule('js');
        const jsCacheOptions = jsRule.uses.get('cache-loader').get('options');
        jsRule.uses.clear();
        jsRule.use('cache-loader').loader('cache-loader').options(jsCacheOptions);
        jsRule.use('exports-loader').loader('exports-loader');
        jsRule.use('babel-loader').loader('babel-loader');

        config.module
            .rule('html')
            .test(/\.html$/)
            .exclude.add(path.join(__dirname, 'index.html')).end()
            .use('html-loader')
            .loader('html-loader');

        // Remove the old 'app' entry
        config.entryPoints.delete('app');

        // IE11 required by the webpack runtime for async import().
        // babel polyfills don't help us here
        config.entry('app').add('core-js/features/promise');

        // IE11 play nice with vue-virtual-scroller
        config.entry('app').add('core-js/features/array/virtual/find-index');
        config.entry('app').add('core-js/features/array/virtual/includes');

        // Kiwiirc main entry point
        config.entry('app').add('./src/main.js');
    },
};

// override config.json with config.local.json if it exists
if (process.env.NODE_ENV === 'development') {
    let plugins = module.exports.configureWebpack.plugins;
    let localConfig = path.resolve(__dirname, 'static/config.local.json');
    if (fs.existsSync(localConfig)) {
        plugins.push(new CopyWebpackPlugin([
            {
                from: localConfig,
                to: path.join(__dirname, 'dist/static/config.json'),
                force: true,
            },
        ]));
    }
}