easydo-ops/vue.config.js

const { defineConfig } = require("@vue/cli-service")

module.exports = defineConfig({
	//设置为空打包后不分更目录还是多级目录
    publicPath: "/opsWeb",
    outputDir: "dist/opsWeb",
    // publicPath: "/", // win7
    // outputDir: "dist", // win7
	//build编译后存放静态文件的目录
	// assetsDir: "static",

	// build编译后不生成资源MAP文件
	productionSourceMap: false,

	//开发服务,build后的生产模式还需nginx代理
	devServer: {
        allowedHosts: "all",
		open: false, //运行后自动打开浏览器
		port: process.env.VUE_APP_PORT, //挂载端口
		client: { overlay: false },
		proxy: {
            "/api": {
				target: process.env.VUE_APP_API_BASEURL,
				ws: true,
				pathRewrite: {
					"^/api": ""
				}
			},
            "/ops": {
				target: process.env.VUE_APP_OPS_BASEURL,
				ws: true,
				pathRewrite: {
					"^/ops": ""
				}
			},
            "/zeroapi": {
				target: process.env.VUE_APP_ZEROAPI_BASEURL,
				ws: true,
				pathRewrite: {}
			},
            "/minio": {
                target: process.env.VUE_APP_ZEROAPI_BASEURL,
                changeOrigin: true,
                pathRewrite: {}
            }
		}
	},

	chainWebpack: config => {
		// 移除 prefetch 插件
		config.plugins.delete("preload");
		config.plugins.delete("prefetch");
		config.resolve.alias.set("vue-i18n", "vue-i18n/dist/vue-i18n.cjs.js");
        config.plugin("unplugin-auto-import").use(
            require("unplugin-auto-import/webpack").default({
                include: [
                    /\.[tj]sx?$/,
                    /\.vue$/,
                    /\.vue\?vue/,
                    /\.md$/
                ],
                imports: ["vue", "vue-router"],
                eslintrc: {
                    enabled: true,
                    filepath: "./.eslintrc-auto-import.json",
                    globalsPropValue: true
                },
                resolvers: [
                    require("unplugin-vue-components/resolvers").ElementPlusResolver()
                ]
            })
        )

        config.plugin("unplugin-vue-components").use(
            require("unplugin-vue-components/webpack")({
                dirs: ["src/components/"],
                include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
                resolvers: [
                    require("unplugin-vue-components/resolvers").ElementPlusResolver()
                ]
            })
        )
	},

	configureWebpack: {
		//性能提示
		performance: {
			hints: false
		},
		optimization: {
			splitChunks: {
				chunks: "all",
				automaticNameDelimiter: "~",
				name: "scuiChunks",
				cacheGroups: {
					//第三方库抽离
					vendor: {
						name: "modules",
						test: /[\\/]node_modules[\\/]/,
						priority: -10
					},
					elicons: {
						name: "elicons",
						test: /[\\/]node_modules[\\/]@element-plus[\\/]icons-vue[\\/]/
					},
					echarts: {
						name: "echarts",
						test: /[\\/]node_modules[\\/]echarts[\\/]/
					},
					codemirror: {
						name: "codemirror",
						test: /[\\/]node_modules[\\/]codemirror[\\/]/
					}
				}
			}
		}
	}
})