我现在本地开发时web网页的css/js都是相对于本地的
如：
极客观点
项目管理
HarmonyOS
<link rel="stylesheet" href="/css/passport.css"/>但是上线的时候我需要将这些css/js地址转换成单独css/js静态文件服务器的地址
如用阿里云的oss地址：
<link rel="stylesheet" href="http://xxx-public.oss-cn-beijing.aliyuncs.com/css/passport.min.css" />（我用的是Node.js，express模板引擎。）
你需要一个前端自动化编译工具
比如使用FIS3
下面是一个例子：
目录结构：
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
</body>
</html>fis-conf.js fis配置
fis.match('*.css', {
domain: 'http://cdn.baidu.com/'
});我们执行编译命令 fis3 release -d ./output
在当前目录下生成编译结果到output文件夹中
output/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="http://cdn.baidu.com//index.css">
</head>
<body>
</body>
</html>10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答2k 阅读
这个肯定是要区分开发环境和生产环境的，一个办法是将静态文件的域名做为配置参数放到配置文件中，再通过指定环境变量来使用不同的参数。
具体的做法可以参考这篇文章，里面介绍的很全面了。