javascript - web部署css/js等地址转换的问题

问题描述

问 题

我现在本地开发时web网页的css/js都是相对于本地的
如：

<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" />

现在问题是：

每次我本地页面修改后，如果要将本地的web页面传到服务器，都需要去手动改动css/js等地址。传输到服务器后还需要改回来。（抱歉抱歉，，我现在就是用这么愚蠢的方法。）

请问有聪明的方法吗？万分感谢！

（我用的是Node.js，express模板引擎。）

解决方案

这个肯定是要区分开发环境和生产环境的，一个办法是将静态文件的域名做为配置参数放到配置文件中，再通过指定环境变量来使用不同的参数。

具体的做法可以参考这篇文章，里面介绍的很全面了。

这篇关于javascript - web部署css/js等地址转换的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！