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|svg)(\?.*)?$/)
            .use('image-webpack-loader')
            .loader('image-webpack-loader')
            .options({
                bypassOnDebug: true,
            })



        config.module.rule('images').use('url-loader').loader('url-loader').options({
            limit: 2,
            esModule: false,
            outputPath: "img/"
        })


    },

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