该工具适用于超多项目开发,每个项目不用都安装依赖,所有依赖都安装在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 进行动态刷新网页。

最新文章

  1. ajax+php+js实现异步刷新表单验证
  2. 漫谈c++11 Thread库之使写多线程程序
  3. 自定义Property属性动画
  4. 苹果 Mac OS X Yosemite 10.10 新功能特性总结 - 扁平化、主打跨设备的无缝连通性
  5. (转) A Survival Guide to a PhD
  6. (组合数学3.1.1.1)POJ 1146 ID Codes(字典序法)
  7. linux 多线程编程笔记
  8. 基于visual Studio2013解决C语言竞赛题之0417四倍数
  9. 关于闭包与for循环的理解
  10. 每天一个JS 小demo之留言板。主要知识点:DOM方法的理解和运用
  11. Effective Java 之-----精确的答案与double&float
  12. python导入模块
  13. uc伯克利人工分割图像.seg文件解析
  14. PostGreSQL(1)-源码安装
  15. 爬虫之selenium模块
  16. Java programming problems
  17. 百度分享不支持Https的解决方案--本地化
  18. Laravel编辑产品-CRUD之edit和update
  19. express+mysql+vue开发环境搭建
  20. java 多线程之 interrupt()和线程终止方式

热门文章

  1. CKEditor从word粘贴问题
  2. Java进阶知识10 Hibernate一对多_多对一双向关联(Annotation+XML实现)
  3. ubuntu配置pip3以及scrapy
  4. python一些问题
  5. Vue小实例
  6. elasticsearch-head后台运行
  7. mac使用frida
  8. highcharts 代码都对,但是不显示图片
  9. 图解Python 【第五篇】:面向对象-类-初级基础篇
  10. go module 使用举例