前端开发【构建工具】静态资源路径转换

一、前端构建工具fis3

1、fis3说明

HTML项目代码中，前端静态页面往往包含了大量资源文件，如CSS、JS、PNG、JPG等。本地开发时往往指向本地相对路径，在服务器部署时往往要更换为资源在服务器上部署的路径，这个时候通常采用前端工程构建工具fis3批量转化HTML文件中的资源路径

2、官网链接：

官网链接：http://fis.baidu.com/

3、本地环境支持部署：

1）本地支持node.js：https://nodejs.org
2）查看nodejs的版本号：在命令行输入node -v；
3）查看npm的版本号 在命令行输入npm -v；
4）安装fis3（采用淘宝镜像，正常安装指令由于网络问题一直失败）

正常安装指令（基本失败）：npm install -g fis3
淘宝镜像指令安装：npm install fis3 -g --registry=http://registry.npm.taobao.org/ --disturl=https://npm.taobao.org/dist

4、项目引入

项目新增 fis-conf.js 文件，文件中添加以下代码：

//匹配后缀为js、css、png的命令，并添加前缀地