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

敲代码的TKP

已于 2022-07-05 15:26:30 修改

阅读量6.4k

点赞数

分类专栏： vue 文章标签： vue.js 前端

于 2021-12-23 09:57:40 首次发布

TKP

本文链接：https://blog.csdn.net/TKP666/article/details/122099965

版权

vue 专栏收录该内容

47 篇文章 2 订阅

订阅专栏

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
   })
},