'use strict';
const path = require('path');
const defaultSettings = require('./src/settings.js');
const defaultPackage = require('./package.json');

function resolve(dir) {
    return path.join(__dirname, dir);
}

// 项目标题
const name = defaultSettings.title;

// 本地调试时指定的端口号
// 通过终端启动时指定
// port = 9528 npm run dev 或者 npm run dev --port = 9528
// 如果是mac
// sudo npm run
const port = process.env.port || process.env.npm_config_port || 9999;

// vue.config.js 配置说明
// 所有配置项说明，可以在下面网站中找到
// https://cli.vuejs.org/zh/config/#css-loaderoptions
// 这里只列一部分，具体配置参考文档
module.exports = {
    // 如果你计划在子路径下部署你的站点，你需要设置publicPath
    // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
    // 如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径
    // 也可以通过后端使用映射，映射到子路径
    // 在大多数情况下使用'/'
    publicPath: '/',
    // 构建文件目录
    // 在npm run build 或 yarn build 时，生成文件的目录名称
    // 要和baseUrl的生产环境路径一致，默认dist
    outputDir: '.dist' + '_V' + defaultPackage.version,
    // 静态资源目录
    // 用于放置生成的静态资源 (js、css、img、fonts) 的
    // 项目打包之后，静态资源会放在这个文件夹下
    assetsDir: 'static',
    // 是否开启eslint保存检测，有效值：ture | false | 'error'
    lintOnSave: process.env.NODE_ENV === 'development',
    // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建
    // 意义：项目打包后，生产的未压缩加密的代码
    // 参考：https://blog.csdn.net/weixin_43553701/article/details/91804515
    productionSourceMap: false,
    // 开发服务器
    // webpack-dev-server 相关配置
    // 参考：https://webpack.js.org/configuration/dev-server/
    devServer: {
        // 指定端口号侦听请求
        port: port,
        // 告诉dev-server在服务器启动后打开浏览器
        // 将其设置为true以打开默认浏览器
        open: true,
        // 出现错误或警告时，是否在浏览器全屏覆盖
        overlay: {
            warnings: false,
            errors: true
        }
    },
    // configureWebpack是调整webpack配置最简单的一种方式，可以新增也可以覆盖cli中的配置。
    // 可以是一个对象：被 webpack-merge 合并到webpack 的设置中去
    // 也可以是一个函数：如果你需要基于环境有条件地配置行为，就可以进行一些逻辑处理，可以直接修改或新增配置，(该函数会在环境变量被设置之后懒执行)。该方法的第一个参数会收到已经解析好的配置。
    // 在函数内，你可以直接修改配置，或者返回一个将会被合并的对象。
    configureWebpack: {
        // 项目标题，可以在index.html中注入
        name: name,
        // 模块解析
        resolve: {
            // 创建import或require的别名
            alias: {
                '@': resolve('src')
            }
        }
    },
    // webpack细颗粒度配置
    chainWebpack(config) {
        // config.plugins.delete('preload');

        // 预加载
        config.plugin('preload').tap(() => [
            {
                rel: 'preload',
                fileBlacklist: [/\.map$/, /hot-update\.js$/, /runtime\..*\.js$/],
                include: 'initial'
            }
        ]);

        // 摇钱树优化打包
        config.plugins.delete('prefetch');

        // svg编译
        config.module
            .rule('svg')
            .exclude.add(resolve('src/assets/icons'))
            .end();
        config.module
            .rule('icons')
            .test(/\.svg$/)
            .include.add(resolve('src/assets/icons'))
            .end()
            .use('svg-sprite-loader')
            .loader('svg-sprite-loader')
            .options({
                symbolId: 'icon-[name]'
            })
            .end();

        // 开发模式下的配置
        config
            .when(process.env.NODE_ENV !== 'development',
                config => {
                    config
                        .plugin('ScriptExtHtmlWebpackPlugin')
                        .after('html')
                        .use('script-ext-html-webpack-plugin', [{
                            // `runtime` must same as runtimeChunk name. default is `runtime`
                            inline: /runtime\..*\.js$/
                        }])
                        .end();
                    config
                        .optimization.splitChunks({
                        chunks: 'all',
                        cacheGroups: {
                            libs: {
                                name: 'chunk-libs',
                                test: /[\\/]node_modules[\\/]/,
                                priority: 10,
                                chunks: 'initial' // only package third parties that are initially dependent
                            },
                            elementUI: {
                                name: 'chunk-elementUI', // split elementUI into a single package
                                priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
                                test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
                            },
                            commons: {
                                name: 'chunk-commons',
                                test: resolve('src/components'), // can customize your rules
                                minChunks: 3, //  minimum common number
                                priority: 5,
                                reuseExistingChunk: true
                            }
                        }
                    });
                    // 创建一个在所有生成 chunk 之间共享的运行时文件
                    // 参考：https://webpack.docschina.org/configuration/optimization/
                    config.optimization.runtimeChunk('single'),
                        {
                            from: path.resolve(__dirname, './public/robots.txt'), // 防爬虫文件
                            to: './' // 到根目录下
                        };
                }
            );
    }
};