vue-cli3.0配置vconsole在不同的环境是否显示
vue-cli3.0中开发环境显示vconsole(在npm run serve显示),生产环境不显示vconsole(在npm run build不显示)。vconsole在页面显示如下:第一步,npm install vconsole-webpack-plugin --save-dev。第二步,在vue.config.js中写入如下代码:const vConsolePlugin =...
·
vue-cli3.0中开发环境显示vconsole(在npm run serve显示),生产环境不显示vconsole(在npm run build不显示)。vconsole在页面显示如下:
第一步,npm install vconsole-webpack-plugin --save-dev。
第二步,在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是否显示的全部内容。
更多推荐
已为社区贡献6条内容
所有评论(0)