vue-cli项目上线后关闭sources与devtools

最新推荐文章于 2025-11-05 11:04:14 发布

原创最新推荐文章于 2025-11-05 11:04:14 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

本文指导如何在Vue.config.js中配置开发环境，包括关闭devtools以减少生产提示，并根据环境变量控制源映射和生产模式。

关闭sources

//vue.config.js中配置
	configureWebpack: {
	    devtool:
	      process.env.NODE_ENV === "development"
	        ? "cheap-module-eval-source-map"
	        : "cheap-module-source-map",
    },

关闭devtools

	Vue.config.productionTip = false
	const isDebug_mode = process.env.NODE_ENV !== "production"
	Vue.config.debug = isDebug_mode
	Vue.config.devtools = isDebug_mode
	Vue.config.productionTip = isDebug_mode