如何在html,js和更少内容中更改dev和prod环境之间的资产URL

时间:2015-08-11 08:55:48

标签: javascript html css gruntjs

拥有一个大型网页项目(单页面应用),其中包含html,js和更少文件内的资产的相对网址。 (资产是图像,字体,闪存组件等。)

部署后,资产将驻留在与html / js / css文件不同的域(CDN)中。

如何在进入生产环境时轻松更改网址?

我想过尝试将所有网址移动到较少(css)的文件中,而不是在html / js中有任何文件,然后为“base”网址定义一个较小的变量,并将其用作每个网址的前缀。 这是非常有限的,因为有时在html中使用url是优选的(例如img元素)。

或者将Grunt与grunt-string-replace一起使用,并在任何地方放置一个将被基本URL替换的占位符。

另一种选择是内联这些资产。排除了这个选项,因为它会导致巨大的文件(css / js> 1MB)在页面加载时会很重。

有没有办法自动完成,而不需要在开发时考虑它?

0 个答案:

没有答案