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

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值