fis3学习笔记

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

打赏支持

如果文章对你有帮助就打个赏吧~

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

评论

还没有任何评论,你来说两句吧

发表评论

Powered By Yuuk