【javascript】单页活动页脚手架create-activity-script
发布日期:2021-06-28 21:54:45 浏览次数:2 分类:技术文章

本文共 1535 字,大约阅读时间需要 5 分钟。

create-activity-script

制作初衷

  • 由于经常制作单页活动页,在活动越来越多后导致不好管理以及打包缓慢等缺点,所以使用该脚手架制作打包缓存,进行更新。

使用说明

安装:

npm i create-activity-script -g
Commands:  create|c [options] 
create project collect|co [options] collect all project and generate diff file build|b [options] diff file and build copy to dist help [command] display help for command

create

  • 用来创建个项目,可以通过-b 指定位置,比如执行命令的目录下的 package 文件夹里创建,则-b package 即可。
  • 也可以自己创建,但是需要修改 scripts,publicPath,outputPath
create projectOptions:  -b, --base   base dir such as package  -h, --help         display help for command

collect

  • 用来记录文件 hash 值,当包有改动时,hash 值会完全变化,否则 hash 值不变,直接使用缓存不进行打包。
  • 该操作默认会记录 hash 值到执行命令的目录下,可以通过-o 进行修改输出位置,-d 与-p 为检测的开发模式或者生产模式的输出文件夹。
collect all project and generate diff fileOptions:  -b, --base   base dir such as package  -d, --dev 
collect dev dir name (default: "develop") -p, --prod
collect dev dir name (default: "prod") -o, --out
output diff file -h, --help display help for command

build

  • 用来生成最终打包的文件。会先进行对比配置文件的 hash 值,如果不一样,则会对该包进行打包,之后用生成的文件复制进最终的目录。
  • 可以通过-m 来表示是开发模式还是生产模式。
  • 默认最后生成的目录是 dist。
diff file and build copy to distOptions:  -b, --base   base dir such as package  -d, --dev 
collect dev dir name (default: "develop") -p, --prod
collect dev dir name (default: "prod") -o, --out
output diff file -m, --mode
dev or prod (default: "dev") -h, --help

该脚手架刚开发出来,还有些缺点,有需要可以交流

转载地址:https://blog.csdn.net/yehuozhili/article/details/117605474 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:【javascript】多入口构建优化记录终极版
下一篇:【vue】vue3学习笔记(三)

发表评论

最新留言

关注你微信了!
[***.104.42.241]2024年04月06日 04时56分21秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章