做Google 扩展程序的时候,采用webpack 进行文件编译开发。在项目打包完之后需要将 dist 目录下的文件打包成 zip包。
实现思路
- npm script 钩子 实现任务自动执行
- node ./zip.js 脚步 进行 zip 任务开发
- compressing 包实现 文件 zip
npm script 钩子
npm 脚本有pre和post两个钩子。举例来说,build脚本命令的钩子就是prebuild和postbuild。
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"watch": "webpack --config ./webpack.config.ts -w",
"build": "webpack --mode production --config ./webpack.config.ts ",
"postbuild": "node ./zip.js"
},
当执行npm run build 编辑完成后 会自动调用 postbuild 命令 执行 “node ./zip.js” 文件。
compressing
npm包 compressing
npm地址:https://www.npmjs.com/package/compressing
安装
npm install compressing
zip.js 开发
// 插件打包 zip
console.log("进行 zip ----")