vite vue 构建项目时候移除代码注释

参考
https://terser.org/docs/api-reference#minify-options在这里插入图片描述

https://longviewcoder.com/2023/04/19/vite-build-how-to-erase-comments/

/** @type {import('vite').UserConfig} */
  
// vite.config.js
import { resolve } from 'path'
import { defineConfig } from 'vite'
import { terser } from 'rollup-plugin-terser';
 
  export default defineConfig({
    build: {
      minify: 'terser',
      lib: { 
        entry: resolve(__dirname, 'src/myFunkyLib.ts'),
        name: 'myFunkyLib',
        // the proper extensions will be added
        fileName: 'myFunkyLib',
        //formats: ['es','cjs', 'umd', 'iife'],
        formats: ['es'],
      },
      rollupOptions: { 
        plugins: [terser({
          format: {
          // 取消代码注释
            comments: false,          
            },
 
          mangle: {
              keep_classnames: false, 
              reserved: [], 
            },
 
        })],
 
        // make sure to externalize deps that shouldn't be bundled
        // into your library
        external: ['some_amazing_package_I_installed'],
       // external: ['konva'],
        output: {
          // Provide global variables to use in the UMD build
          // for externalized deps
          globals: { 
          },
        },
      },
    },
  })

官方文档
https://vitejs.cn/vite3-cn/guide/build.html#customizing-the-build
在这里插入图片描述
Rollup 选项 这一层没有找到直接设置代码注释相关的参数,在这里插入图片描述

那下一步从哪里找?自带的能力没有那就从附加的能力找——插件
那怎么找到合适的插件?
在这里插入图片描述
百度可以知道这个插件可以进行注释的控制
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值