const path = require("path");

const resolve = (dir) => {
    return path.join(__dirname, dir);
};

// 项目部署基础
const BASE_URL = process.env.NODE_ENV === "development" ? "/" : "/";

const sourceMap = process.env.NODE_ENV === "development";

module.exports = {
    publicPath: BASE_URL,
    // 如果你不需要使用eslint，把lintOnSave设为false即可
    lintOnSave: false,
    chainWebpack: (config) => {
        config.resolve.alias.set("@", resolve("src"));
        config.resolve.alias.set("_c", resolve("src/components"));


        config.module.rule('images').test(/\.(png|jpe?g|gif)(\?.*)?$/).use('url-loader').loader('url-loader').options({
            limit: 10000,
            esModule: false,
            outputPath: "images/"
        })

        config.module.rule('images')
            .test(/\.(png|jpe?g|gif)(\?.*)?$/)
            .use('image-webpack-loader')
            .loader('image-webpack-loader')
            .options({
                bypassOnDebug: true,
                mozjpeg: {
                    progressive: true,
                    quality: 65
                },
                optipng: {
                    enabled: false,
                },
                pngquant: {
                    quality: [0.65, 0.90],
                    speed: 4
                },
                gifsicle: {
                    interlaced: false,
                },
                webp: {
                    quality: 75
                }
            })






    },

    configureWebpack: {
        output: {
            filename: "js/[hash].js",
        },
    },
    // 设为false打包时不生成.map文件
    productionSourceMap: sourceMap,
};