deliconsole-webpack-plugin
webpack plugin for vConsole
帮助开发者在移动端进行调试,本插件是在 vConsole 的基础上封装的 webpack
插件,通过 webpack
配置即可自动添加 vConsole
调试功能,方便实用。
安装
npm install deliconsole-webpack-plugin --save-dev
使用
webpack.conf.js
文件配置里增加以下插件配置即可
var DeliConsolePlugin = require('deliconsole-webpack-plugin');
module.exports = {
...
plugins: [
new DeliConsolePlugin({
filter: [],
enable: true
}),
...
]
...
}
vConsole
作为一个调试模块,注定了需要在发布前把它去掉,为了避免人为操作失误而影响线上功能,这里建议配置如下:
package.json
文件配置:
scripts: {
"dev": "webpack -w --debug",
"prod": "webpack -p"
}
webpack.conf.js
配置:
var DeliConsolePlugin = require('deliconsole-webpack-plugin');
const argv = require('yargs')
.describe('debug', 'debug 环境')
.argv;
module.exports = {
...
plugins: [
new DeliConsolePlugin({enable: !!argv.debug}),
...
]
...
}
直接使用 vconsole
当然,有时候一些页面想临时添加 vconsole
来调试一下,可以直接使用:
<script src="https://file.delicloud.com/deliconsole.min.js"></script>