侧边栏壁纸
博主头像
简单的博客博主等级

种瓜得瓜,种豆得豆。

  • 累计撰写 15 篇文章
  • 累计创建 8 个标签
  • 累计收到 2 条评论

目 录CONTENT

文章目录

移除console/打包zip 插件的使用

简单
2024-12-02 / 0 评论 / 0 点赞 / 1 阅读 / 2527 字

移除 console.log 自动打包插件的使用

移除 console.log

unplugin-remove

https://www.npmjs.com/package/unplugin-remove

webpack 中使用

module.exports = defineConfig({
    configureWebpack: {
        plugins: [
            isProduction ? require('unplugin-remove/webpack').default({ /* options */ }) : null,  
        ].filter(Boolean),
    },
}

vite 中使用

import viteRemove from 'unplugin-remove/vite'

export default defineConfig({
  plugins: [
    viteRemove({ /* options */ }),
  ]
}

自动打包成 zip 文件

webpack 中使用

vite-plugin-zip-pack

https://www.npmjs.com/package/zip-webpack-plugin

const path = require('path')
const ZipPlugin = require('zip-webpack-plugin');

const packageName = `${name}-api-${getDateTime()}`

module.exports = defineConfig({
    configureWebpack: {
        plugins: [
            new ZipPlugin({
                path: path.join(__dirname, 'archive'),// 打包后的位置
                filename: `${packageName}.zip`,//打包名
            })
        ].filter(Boolean),
    },
    outputDir: `dist/${packageName}`,
}

Vite

vite-plugin-zip-pack

https://www.npmjs.com/package/vite-plugin-zip-pack

import zipPack from "vite-plugin-zip-pack"
  plugins: [
		//... other plugins
    zipPack({
      inDir: `dist/${packageName}`,  // 输入的文件夹,就是要打包的文件夹
      outDir: 'archive', // 打包好的 zip 文件放到哪个文件夹下
      outFileName: `${packageName}.zip`, // 打包好的文件名
      pathPrefix: ''
    })
  ],
  // 有问题尝试将这个输出的名字和 zipPack.inDir 保持一致,但是应该不用的。
  build: {
      output: {
        dir: `dist/${packageName}`
      }
    },
  }
}

其它

生成时间函数

function  getDateTime() {
    const padZero = (num) => (num < 10 ? '0' + num : num);
    const date = new Date();
    const M = padZero(date.getMonth() + 1);
    const D = padZero(date.getDate());
    const h = padZero(date.getHours());
    const m = padZero(date.getMinutes());

    return `${M}月${D}日${h}${m}`;
}
0

评论区