实现方法:
-
新增.env文件
.env
文件是环境变量定义文件,可以定义NODE_ENV
这个变量,也可以定义其他的,比如:NODE_ENV = 'pre'
这个变量的值 会编译到process.env.NODE_ENV
,需要注意,只有NODE_ENV
,BASE_URL
和以VUE_APP_
开头的变量将通过
webpack.DefinePlugin
静态地嵌入到客户端侧的代码中,然后就可以在VUE文件中调用process.env.NODE_ENV
来判断环境
-
在
package.json
进行配置scripts
--mode
后面的dev
对应.env.dev.local
,也就是中间的字符,这个参数名只要对应即可,不用拘泥于名称,
生产模式最好命名为production
开发就是development
以免影响其它工具链的相关配置 -
在App.vue中根据配置的 NODE_ENV 来判断环境,从而控制水印显示
-
最后执行相对应的打包命令