Vue 3 Vite 项目打包优化：自动删除指定文件的方法

程序员必备宝典https://tmxkj.top/#/       在 Vue 3 项目中，如果你需要在打包之前删除指定的文件，可以使用 Node.js 的 fs 模块来实现。这可以通过在 vue.config.js 文件中配置一个自定义的 Webpack 插件来完成。

                                               

      1.安装必要的依赖（如果还没有安装）：

npm install --save-dev fs-extra

     2.创建或编辑 vue.config.js 文件：

const { defineConfig } = require('@vue/cli-service');
const fs = require('fs-extra');
const path = require('path');module.exports = defineConfig({configureWebpack: config => {// 添加一个自定义插件来删除指定文件config.plugins.push({apply: (compiler) => {compiler.hooks.beforeRun.tapPromise('RemoveFilePlugin', async () => {const filePath = path.resolve(__dirname, 'path/to/your/file.txt'); // 替换为你要删除的文件路径try {await fs.remove(filePath);console.log(`Successfully removed file: ${filePath}`);} catch (err) {console.error(`Error removing file: ${filePath}`, err);}});}});}
});

 3.如果需要获取到 package.json 里面的相关信息，例如获取version 版本号

        const packageJsonPath = path.resolve(__dirname, 'package.json');const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));version.value = packageJson.version;