vue在移动端测试环境使用vconsole

在移动端显示控制台

1、安装

npm install vconsole --save-dev

npm install vconsole-webpack-plugin --save-dev

2、环境配置

在vue.config.js中写入如下代码：

const vConsolePlugin = require('vconsole-webpack-plugin')

module.exports = {
	configureWebpack: config => {
		//生产环境去掉vconsole调试器
		let envType = process.env.NODE_ENV != 'production'
		let pluginsDev = [
			new vConsolePlugin({
				filter: [],
				enable: envType
			})
		]
		config.plugins = [...config.plugins, ...pluginsDev]
	}
}

这样只会在测试和本地开发环境显示vconsole