vueH5项目打开或者关闭vconsole调试,及配置打包文件名

npm install vconsole 安装vconsole
//在main.js中
	import Vconsole from 'vconsole'
 	const vConsole = new Vconsole()
 	if (process.env.NODE_ENV === 'test') {
    	vconsole = new Vconsole()
	}
	export default vConsole

npm run dev(serve) ,其实是运行了 vue-cli service serve ,默认模式为 development 。可以在 .env.development 文件下修改该模式的 NODE_ENV 。
npm run test,其实运行了 vue-cli service test,默认模式为 test 。可以在 .env.test文件下修改该模式的 NODE_ENV 。
npm run build ,其实运行了 vue-cli service build ,默认模式为 production 。可以在 .env.production 文件下修改该模式的 NODE_ENV 。

//如果想修改build打包出来的文件名(默认为dist文件),可以在vue.config.js文件里加入
// 输出目录 -- dist文件改成了smhk-xinyonghu
outputDir: 'smhk-xinyonghu',

这行代码就可以修改初始dist文件的文件名

//如果为了安全起见,需要在正式环境关闭调试的话,可以在vue.config.js文件里加入以下代码
chainWebpack(config) {
   config.optimization.minimizer('terser').tap((args) => {
      args[0].terserOptions.compress.drop_console = true
      return args
   })
},

加入此代码即可在正式环境关闭console