window批处理执行webpack打包

  目录

利用window的批处理文件bat来批量执行debpack打包命令。

window批处理执行webpack打包

现在的前端开发,使用vue,react,angular等框架的项目非常多,部署的时候需要打包后进行部署,比如运行npm run build命令,但是比如我现在的项目,有4个子平台,每个平台是独立的一套vue,每次打包的时候需要进入到4个不同的平台目录进行打包命令操作,还有一点,我们项目分为测试环境,生产环境,这样就会出现更多次打包操作,每次都很烦,进入一个文件夹,打开命令提示符,输入npm run build,有没有方便点的方式呢,有,可以利用window系统的批处理文件来操作。
首先,下面的是执行一个打包命令的.bat文件

1
2
3
4
chcp 65001
cd C:\WORK\new-airport\6 编码\5 Web\ejashop
npm run build
pause

  • chcp 65001 //是用来可以在文件路径中使用中文
  • cd C:\WORK\new-airport\6 编码\5 Web\ejashop //进入到项目的目录
  • npm run build //执行打包命令
  • pause // 命令行暂停,等待下一步操作

上面的是执行一个打包命令的,多个打包操作需要创建多个.bat文件,每执行一个点击一下也很麻烦,我们可以在创建一个.bat文件,用来执行这些批处理文件操作,向下面这样:

1
2
3
4
5
6
chcp 65001
pause
start /D "C:\Users\userName\Desktop\批处理node\build" call demo1.bat
start /D "C:\Users\userName\Desktop\批处理node\build" call demo2.bat
start /D "C:\Users\userName\Desktop\批处理node\build" call demo3.bat
start /D "C:\Users\userName\Desktop\批处理node\build" call demo4.bat

  • chcp 65001 //是用来可以在文件路径中使用中文
  • start /D “C:\Users\userName\Desktop\批处理node\build” call demo1.bat //执行具体的.bat文件