// vue.config.js const HOST = process.env.proxy_host; console.log(process.env.proxy_host, HOST); const Timestamp = new Date().getTime(); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); module.exports = { // 输出目录 outputDir: "../modules/server/src/main/resources/dist", // 控制静态资源使用相对路径 publicPath: "./", // 代理设置 devServer: { port: 3000, proxy: { // websocket "/ssh": { target: `wss://${HOST}`, // true/false: if you want to proxy websockets ws: false, secure: false, }, "/tomcat_log": { target: `wss://${HOST}`, // true/false: if you want to proxy websockets ws: false, secure: false, }, "/console": { target: `wss://${HOST}`, // true/false: if you want to proxy websockets ws: false, secure: false, }, "/script_run": { target: `wss://${HOST}`, // true/false: if you want to proxy websockets ws: false, secure: false, }, // http "/*": { target: `http://${HOST}`, timeout: 10 * 60 * 1000, }, }, }, //打包后是否让每个js文件都生成一个.map文件?true代表生成,false代表不生成。 productionSourceMap: false, configureWebpack: { // name: name, // 修改打包后的js文件名称 output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】 filename: `js/[name].[hash].${Timestamp}.js`, chunkFilename: `js/[name].[hash].${Timestamp}.js`, }, // 修改打包后的css文件名称 plugins: [ new MiniCssExtractPlugin({ filename: `css/[name].[contenthash].${Timestamp}.css`, }), ], // resolve: { // alias: { // "@": resolve("src") // } // } }, chainWebpack: (config) => { config.plugin("html").tap((args) => { args[0].title = "Jpom项目运维系统"; args[0].build = new Date().getTime(); args[0].env = process.env.NODE_ENV; args[0].buildVersion = process.env.npm_package_version; return args; }); }, };