加入了新的公司,公司前端团队使用百度出品的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>
