npm run build打包jquery项目

build.js 文件代码如下

const fs = require('fs');
const path = require('path');
  
// 指定要打包的HTML文件路径和输出目录路径
var pathName = "./";
const outputDir = 'dist';


// 匹配html文件
var ipReg = /\.(htm|html|js|version)$/i;

// 创建输出目录(如果不存在)
if (!fs.existsSync(outputDir)) {
  fs.mkdirSync(outputDir);
}  

// 遍历源文件夹中的所有文件和子文件夹
function xunhuan(subTargetPath,subSourcePath) {
  fs.mkdirSync(subTargetPath, { recursive: true });
  // 递归复制子文件夹里的文件和子文件夹
  fs.readdirSync(subSourcePath).forEach((fileOrDir) => {
    const subSubSourcePath = path.join(subSourcePath, fileOrDir);
    const subSubTargetPath = path.join(subTargetPath, fileOrDir);
    if (fs.lstatSync(subSubSourcePath).isFile()) {
      fs.copyFileSync(subSubSourcePath, subSubTargetPath);
    } else if (fs.lstatSync(subSubSourcePath).isDirectory()) {
      xunhuan(subSubTargetPath,subSubSourcePath)
    }
  });
}
// 遍历源文件夹中的所有文件和子文件夹
fs.readdirSync(pathName).forEach((fileOrDir) => {
  // 源文件或文件夹的完整路径  
  const sourcePath = path.join(pathName, fileOrDir);
  // 目标文件或文件夹的完整路径  
  const targetPath = path.join(outputDir, fileOrDir);

  // 判断是文件还是文件夹
  if (fs.lstatSync(sourcePath).isFile()) {
    if (ipReg.test(fileOrDir) && fileOrDir.indexOf('proxy') < 0 && fileOrDir.indexOf('build') < 0 && fileOrDir.indexOf('server') < 0) {
      // 如果是文件,则直接复制
      fs.copyFileSync(sourcePath, targetPath);
    }
  } else if (fileOrDir != 'dist' && fileOrDir != '.git' && fileOrDir!="node_modules" && fs.lstatSync(sourcePath).isDirectory()) {
    xunhuan(targetPath,sourcePath);
  }
});

主要是用node代码 读取文件内容判断文件还是文件夹,文件夹就继续循环判断,将目录结构保留,一起打包到dist文件

写这个的原因 也是因为同事不知道发给运维哪些文件,有些文件只是我们开发要,并不部署的所以就过滤掉。

相关推荐
我要洋人死19 分钟前
导航栏及下拉菜单的实现
前端·css·css3
科技探秘人30 分钟前
Chrome与火狐哪个浏览器的隐私追踪功能更好
前端·chrome
科技探秘人31 分钟前
Chrome与傲游浏览器性能与功能的深度对比
前端·chrome
JerryXZR36 分钟前
前端开发中ES6的技术细节二
前端·javascript·es6
七星静香38 分钟前
laravel chunkById 分块查询 使用时的问题
java·前端·laravel
q24985969341 分钟前
前端预览word、excel、ppt
前端·word·excel
小华同学ai1 小时前
wflow-web:开源啦 ,高仿钉钉、飞书、企业微信的审批流程设计器,轻松打造属于你的工作流设计器
前端·钉钉·飞书
Gavin_9151 小时前
【JavaScript】模块化开发
前端·javascript·vue.js
懒大王爱吃狼2 小时前
Python教程:python枚举类定义和使用
开发语言·前端·javascript·python·python基础·python编程·python书籍
逐·風6 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#