vue 去除控制台 console.log

奥特曼　

已于 2023-04-06 10:01:32 修改

阅读量1.6k

点赞数 4

分类专栏： vue复用 vue vue3 文章标签： vue.js javascript npm console.log vite

于 2022-04-06 15:10:50 首次发布

本文链接：https://blog.csdn.net/m0_46846526/article/details/121869372

版权

vue 同时被 3 个专栏收录

83 篇文章 15 订阅

订阅专栏

vue复用

67 篇文章 7 订阅

订阅专栏

25 篇文章 2 订阅

订阅专栏

vue-cli 创建的项目

1. 安装babel-plugin-transform-remove-console

npm install babel-plugin-transform-remove-console --save-dev

2. babel.config.js

//项目发布阶段需要用到的babel插件
let transformRemoveConsolePlugin = []
// //判断是开发还是发布阶段
if (process.env.NODE_ENV === 'production') {
  transformRemoveConsolePlugin = ['transform-remove-console']
}
module.exports = {
  plugins: [
    ...transformRemoveConsolePlugin
  ],
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

vite创建的项目

1.安装 terser

npm add -D terser

vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
 
export default defineConfig({
    plugins: [vue()],
    build:{
      minify: 'terser',
      terserOptions: {
        compress: {
            //生产环境时移除console.log()
            drop_console: true,
            drop_debugger: true,
        },
      },
    },
})