Skip to content
Menu
Yuuk的博客
  • 首页
  • 前端技术
    • JavaScript
    • HTML & CSS
  • SEO
  • 设计
    • 素材分享
    • 设计教程
  • 随笔
Yuuk的博客

fis3学习笔记

Posted on 2017年8月3日2017年8月9日 by yuuk

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

打赏赞(1)分享

发表回复 取消回复

您的邮箱地址不会被公开。 必填项已用 * 标注

搜索

近期文章

  • 宝塔面板中使用docker部署nodejs应用
  • 如何将docker镜像上传到阿里云
  • React Native 报错 No bundle URL present 解决方法
  • axios 给每一个请求添加耗时统计
  • css filter属性导致fixed失效

标签

addEventListener ajax ajax跨域 chatAt css居中 DNS缓存 docker gulp ie7 json jsonp margin memcache mysql nodejs ps技巧 typescript void vpn vuejs wampserver webpack win10 XMLHttpRequest z-index 事件冒泡 事件绑定 内容发布时间 图片加载 大写 字符串 封装ajax 广告屏蔽 批量修改图层名称 水平垂直居中 注册码 特殊符号 百度 空元素 站长平台 网页快照 负边界 递减 随机数 首字母

友情链接

  • 蔡甸新闻网
©2025 Yuuk的博客 | 鄂ICP备13014750号-9