vue2项目启动终端添加提示信息

vue.config.js 初始信息

添加提示信息---方法1(不推荐)：

不推荐的原因：输出第一个console.log()后第二个console.log()不会再输出

添加提示信息---方法2(推荐):

代码：

// vue.config.js
const { defineConfig } = require('@vue/cli-service');

function customBannerPlugin() {
  return {
    apply: function (compiler) {
      compiler.hooks.done.tap('CustomBannerPlugin', () => {
        console.log('🎉 欢迎回来，勇敢的开发者！');
        console.log('🚀 开发环境已准备好！');
        console.log(`🌐 当前版本：v${require('./package.json').version}`);
      });
    }
  };
}

module.exports = defineConfig({
  configureWebpack: {
    // plugins：插件
    plugins: [
      // customBannerPlugin 是一个自定义的 Webpack 插件，它允许你在构建过程中的特定时刻执行一些操作，比如在编
      // 译完成时向终端输出信息。这个插件可以用来显示欢迎信息、项目版本、构建时间等，甚至可以用于更复杂的任务，如发送通知或记录日志。
      customBannerPlugin()
    ]
  }
});

效果图：