提问人：Bhagya Swamy 提问时间：4/14/2021 更新时间：7/15/2022 访问量：2053
我需要为生产模式禁用 Vue.js 开发工具，但应该为开发模式启用它
I need to disable Vue.js devtools for production mode but it should be enabled for development mode
问：
我不希望我的用户使用 devtools 检查应用程序，因此我想在生产模式下禁用它。但我在本地/开发模式下需要它。我尝试了以下方法，但它不起作用。
我用一个变量创建了 .env 和 .env.production 文件VUE_APP_ROOT_API
.env 文件
VUE_APP_ROOT_API=http://localhost
.env.production
VUE_APP_ROOT_API=https://prod.com
在webpack配置中，我在下面添加了
devtool: process.env.VUE_APP_ROOT_API === ‘PROD’ ? ‘source-map’ : ‘’
请帮帮我。
答：
1赞
tauzN
4/14/2021
#1
if (process.env.NODE_ENV === 'development') {
devtools.connect(/* host, port */)
}
评论
0赞
Bhagya Swamy
4/14/2021
您认为我在 env 文件中添加的内容是否正确？
0赞
iacobalin
4/14/2021
#2
如果你曾经生成过你的 vue 项目，那么你不需要做任何事情，只需运行构建命令：vue-cli
npm run build
或
yarn build
它将默认启用生产模式并禁用 vue 开发工具。 文档在这里： https://cli.vuejs.org/guide/cli-service.html#vue-cli-service-build
否则，只需在生产模式下捆绑应用程序，如下所述：https://v2.vuejs.org/v2/guide/deployment.html#With-Build-Tools
在这两种情况下，都应禁用开发工具
评论
0赞
Bhagya Swamy
4/14/2021
我没有使用默认的vue cli。我的项目是自定义设置。
0赞
iacobalin
4/14/2021
然后只需创建一个生产版本，您就可以开始了。无需额外的代码 vuejs.org/v2/guide/deployment.html#With-Build-Tools
0赞
Bhagya Swamy
4/14/2021
是的，在生产过程中添加模式！但每次我都要手动改变开发或生产模式。我正在寻找一种无需任何手动操作即可实现这一目标的解决方案。如果您知道这样的事情，请告诉我。
评论
devtoolPRODhttp://localhosthttps://prod.comdevtool: process.env.VUE_APP_ROOT_API === 'http://localhost' ? 'source-map' : ''devtool: process.env.NODE_ENV === 'production' ? '' : 'source-map'