vconsolewebpack5plugin

webpack plugin for vConsole

Usage no npm install needed!

<script type="module">
  import vconsolewebpack5plugin from 'https://cdn.skypack.dev/vconsolewebpack5plugin';
</script>

README

vconsole-webpack5-plugin

webpack plugin for vConsole

帮助开发者在移动端进行调试,本插件是在 vConsole 的基础上封装的 webpack 插件,通过 webpack 配置即可自动添加 vConsole 调试功能,方便实用。(改插件仅作为个人练习使用)

安装

npm install vconsole-webpack5-plugin -D

使用

webpack.conf.js 文件配置里增加以下插件配置即可

// 引入插件
var vConsolePlugin = require('vconsole-webpack5-plugin'); 

module.exports = {
    ...

    plugins: [
        new vConsolePlugin({
            enable: true // 发布代码前记得改回 false
        }),
        ...
    ]
    ...
}

webpack.conf.js 配置:

// 引入插件
var vConsolePlugin = require('vconsole-webpack-plugin'); 

// 接收运行参数
const argv = require('yargs')
    .describe('debug', 'debug 环境') // use 'webpack --debug'
    .argv;

module.exports = {
    ...

    plugins: [
        new vConsolePlugin({enable: !!argv.debug}),
        ...
    ]
    ...
}