vue.config.js

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const Timestamp = new Date().getTime();
const name = "huisheng";

module.exports = {
    baseUrl: './',
    assetsDir: 'static',
    outputDir: 'admin',
    productionSourceMap: false,
    pages: {
        index: {
            entry: 'src/main.js',
            filename: 'index.html',
        },
    },
    devServer: {
        port: 8008,
        proxy: {
            '/api':{
                target:'https://sys.api.whisun.com',
                changeOrigin:true,
                pathRewrite:{
                    '/api':'https://sys.api.whisun.com'
                }
            }
        }
    },
    configureWebpack: {
        name: name,
        // 修改打包后的js文件名称
        output: {
            // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
            filename: `js/[name].[chunkhash].${Timestamp}.js`,
            chunkFilename: `js/[name].[chunkhash].${Timestamp}.js`
        },
        // 修改打包后的css文件名称
        plugins: [
            new MiniCssExtractPlugin({
                filename: `css/[name].[contenthash].${Timestamp}.css`,
            })
        ]
        // resolve: {
        //   alias: {
        //     "@": resolve("src")
        //   }
        // }
    },
    // 修改打包后的img文件名称
    chainWebpack: config => {
    config.module
        .rule('images')
        .use('url-loader')
        .tap(options => {
        return {
            limit: 4096,
            fallback: {
            loader: 'file-loader',
            options: {
                name: `img/[name].[contenthash].${Timestamp}.[ext]`
            }
            }
        };
        })
    }
}