自动console.log编译信息，如date，NODE_ENV及其他自定义

• 安装依赖

 npm install log-info-webpack-plugin -D
 yarn add log-info-webpack-plugin -D

• vue.config.js配置使用

1const LogInfoPlugin = require('log-info-webpack-plugin')
2
3
4chainWebpack: config => {
5  config
6    .plugin('LogInfoPlugin')
7    .use(LogInfoPlugin, [{
8      key1:'value1', //可选,如“version”版本号，根据key/value打印
9      key2:'value2', //可选,如“version”版本号，根据key/value打印
10      // ...  more
11    }])
12}

或者

1const LogInfoPlugin = require('log-info-webpack-plugin')
2
3{
4  // ... config settings here ...
5  plugins: [
6    new LogInfoPlugin({
7      key1:'value1', //可选,如“version”版本号，根据key/value打印
8      key2:'value2', //可选,如“version”版本号，根据key/value打印
9      // ...  more
10    })
11  ]
12};

• vite配置使用

vite.config.js 插件使用了 Vite 特有的插件钩子 transformIndexHtml 不支持Rollup

1import { defineConfig } from 'vite'
2import vue from '@vitejs/plugin-vue'
3import { logInfoVitePlugin } from 'log-info-webpack-plugin'
4
5export default defineConfig({
6  plugins: [
7    vue(),
8    logInfoVitePlugin({
9      key1:'value1', //可选,如“version”版本号，根据key/value打印
10      key2:'value2', //可选,如“version”版本号，根据key/value打印
11      // ...  more
12    })
13  ]
14})

• 使用效果