Vue.config.productionTip为什么可以关掉生产环节的提示
date
Nov 10, 2021
slug
Vue.config.productionTip
status
Published
tags
Vue
type
Post
summary
Vue.config.productionTip为什么可以关掉生产环节的提示
Vue.config.productionTip
Vue.config.productionTip = falsevue里面可以用这一句关闭生产环境的提示，其背后的原理是什么
我们可以打印
console.log(process.env.NODE_ENV)看看这个是什么
可以看到
process.env.NODE_ENV被替换为了development如果在控制台打印会报错，这是为什么
这是因为
webpack打包的时候会直接把process.env.NODE_ENV替换成development（有点像宏，本质是字符串替换），一般前段由工具链注入的一些环境变量会存在process.env里， NODE_ENV一般表示环境是生产环境还是开发环境，这既不是web标准也不是api，是约定俗成的，webpack自动注入，也可以手动注入其他环境变量如果只打印
process_env会返回一个对象，包含注入的环境变量
打包是node干的，打包后的代码运行在浏览器里，但是node打包时候可以把一些环境变量注入到代码里，运行的时候会进行字符串替换的操作
Vue.config.productionTip = false代表vue会关掉生产环节的提示，但是vue怎么知道是生产环境还是开发环节呢，是因为他在源码里读取了
process.env.NODE_ENV写了
然后
webpack打包后运行的实际是推展阅读