Tar the result files after building.
编译完成后自动进行tar打包压缩，最终得到xxx.tar.gz文件。

通过调用shell命令 tar -czf xxx.tar.gz dist，将编译后的dist文件打包成xxx.tar.gz文件。

# pnpm
pnpm add wind-plugin-tar -D

# yarn
yarn add wind-plugin-tar -D

# npm
npm install wind-plugin-tar -D

• vite

  Click to expand configuration about vite点击展开示例

    // vite config
    import { defineConfig } from 'vite'
    import { tarInVite } from "wind-plugin-tar";
  
    export default defineConfig({
        plugins: [
            tarInVite() // use default options 使用默认配置
        ]
    })
  
    /* 或者下列指定bundler方式 */
    
    import { defineConfig } from 'vite'
    import tar from "wind-plugin-tar";
  
    export default defineConfig({
        plugins: [
            tar({ bundler: "vite" }) // need to specify the bundler('vite' by default) 需要指定bundler类型(默认是vite)
        ]
    })

• rollup

  Click to expand configuration about rollup点击展开示例

    // rollup config
    import { tarInRollup } from "wind-plugin-tar";
  
    export default {
        plugins: [
            tarInRollup() // use default options 使用默认配置
        ]
    }
  
    /* 或者下列指定bundler方式 */
    
    import tar from "wind-plugin-tar";
  
    export default {
        plugins: [
            tar({ bundler: "rollup" }) // need to specify the bundler  需要指定bundler类型
        ]
    }

• webpack

  Click to expand configuration about webpack点击展开示例

  • webpack 示例

    // webpack config
    import { tarInWebpack } from "wind-plugin-tar";
  
    module.exports = {
        plugins: [
            tarInWebpack() // use default options 使用默认配置
        ]
    }
  
    /* 或者下列指定bundler方式 */
    
    import tar from "wind-plugin-tar";
  
    module.exports = {
        plugins: [
            tar({ bundler: "webpack" }) // need to specify the bundler  需要指定bundler类型
        ]
    }

  • vue-cli 示例

    // vue-cli config
    import { tarInWebpack } from "wind-plugin-tar";
  
    module.exports = {
        // ...
        chainWebpack: (config) => {
            config.plugin("wind-plugin-tar").use(tarInWebpack()); // use default options 使用默认配置
        },
        // ...
    }
  
    /* 或者下列指定bundler方式 */
    
    import tar from "wind-plugin-tar";
  
    module.exports = {
        // ...
        chainWebpack: (config) => {
            config.plugin("wind-plugin-tar").use(tar({ bundler: "webpack" })); // need to specify the bundler  需要指定bundler类型
        },
        // ...
    }

当项目成功编译后可见如下输出日志：

• 打包压缩： tar -czf vt2024083115v0.0.0production.tar.gz dist
• 开始时间： 2024/8/31 15:24:11 -- 结束时间： 2024/8/31 15:24:11
• 解压命令： tar -xzf vt2024083115v0.0.0production.tar.gz -C . --strip-components=0

  # 解压命令小技巧：
  tar -xzf xxx.tar.gz -C . --strip-components=0
  # -C表示解压目录，其中的"."表示当前目录
  # --strip-components表示解压后提取的tar包的目录层级，=1可以忽略根目录（如dist目录），直接得到其子文件夹和文件

• 支持其他打包工具
  • webpack
  • rollup
  • esbuild
• 增加前置/后置命令

• 支持vite打包工具
• 支持自定义打包模式