加入了新的公司,公司前端团队使用百度出品的fis3作为前端的构建工具,便自行学习fis3的用法,于是有了这篇文章~
FIS3官方文档:http://fis.baidu.com/fis3/docs/beginning/intro.html
一、发布相关
1、指定发布目录为output:fis3 release -d ./output
2、监听文件修改+浏览器自动刷新:fis3 release -wL
注:服务器开启后才有自动刷新效果
二、服务器相关
1、指定服务器根目录为output:fis3 server start --root ./output
2、指定服务器端口为666:fis3 server start -p 666
2、打开当前服务器指向的目录:fis3 server open
三、遇到的问题
1、在dev模式下配置useHash: true
发现编译后的html文件中css引入路径没有注入带md5 hash的文件。最后发现是因为使用了less预编译,原始html文件中也应该引入.less格式的文件。
Before:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>FIS3</title> <link rel="stylesheet" href="./css/style.css"> </head> <body> <img src="./images/logo.gif?__inline"/> <p class="lightning"></p> <script src="./js/demo.js"></script> </body> </html>
After:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>FIS3</title> <link rel="stylesheet" href="./css/style.less"> </head> <body> <img src="./images/logo.gif?__inline"/> <p class="lightning"></p> <script src="./js/demo.js"></script> </body> </html>