vue项目自动构建工具1.0,支持多页面构建
2024-09-07 16:33:38
该工具适用于超多项目开发,每个项目不用都安装依赖,所有依赖都安装在ffk命令项目中,对于多分支拉到本地进行开发,亦有益处。对于多页面开发,也是相当便利,不用手动撸entry和plugin。
git:
https://github.com/lin1270/ffk
欢迎star.
1. 安装:
npm install ffk -g
2. 下载种子:
https://github.com/lin1270/ffk-seed
3. 在种子目录中使用dev(开发)命令:
ffk d
即可打开浏览器,实时刷新html网页。
4. 打包:
ffk o
o=output,会在目录中生成output目录。
代码说明:
===================================================
1. 种子
data
拷贝文件夹,打包出来的output文件夹中,在aasets中,可以看到data文件夹。
pages
页面,index.js为入口js,index.vue为入口vue。
index.config.json为配置:
{
"title":"a-new",
"keywords":"ksdkkks",
"useVconsole":false
}
若要添加新的页面,需要复制一份文件夹,html的名称为文件夹名称。
最外层的 ffk.config.json:
{
"px2rem": false,
"cdn":[],
"eslint": false
}
px2rem,一般用于移动端,适配不同分辨率的设备。
cdn,用于替换路径,若cdn配置为["//www.baidu.com/a/], (目前暂未使用项目名添加为cdn配置)如:
background: url("../../img/a.png");
则a.png会使用cdn的路径进行替换为//www.baidu.com/a/a.png,如果有多个CDN路径,则随机使用其中一个。
eslint是否使用eslit。
2. ffk
使用 portfinder 进行多端口分配。
使用 WebpackDevServer 启动本地服务。
使用 hmr 进行动态刷新网页。
最新文章
- ajax+php+js实现异步刷新表单验证
- 漫谈c++11 Thread库之使写多线程程序
- 自定义Property属性动画
- 苹果 Mac OS X Yosemite 10.10 新功能特性总结 - 扁平化、主打跨设备的无缝连通性
- (转) A Survival Guide to a PhD
- (组合数学3.1.1.1)POJ 1146 ID Codes(字典序法)
- linux 多线程编程笔记
- 基于visual Studio2013解决C语言竞赛题之0417四倍数
- 关于闭包与for循环的理解
- 每天一个JS 小demo之留言板。主要知识点:DOM方法的理解和运用
- Effective Java 之-----精确的答案与double&;float
- python导入模块
- uc伯克利人工分割图像.seg文件解析
- PostGreSQL(1)-源码安装
- 爬虫之selenium模块
- Java programming problems
- 百度分享不支持Https的解决方案--本地化
- Laravel编辑产品-CRUD之edit和update
- express+mysql+vue开发环境搭建
- java 多线程之 interrupt()和线程终止方式