【腾讯项目】新个性化商城重构规范及前端流程优化

一、痛点

1、在商城改版过程中，重构的样式和图片会有一些共性的地方，然而每个商城都需要COPY一份图片内容，图片的内容却完全相同。这样的结构容易遗漏修改，也增加的重复性。

2、因为历史原因，我们的目录结构中存在如下情况：

正常的目录结构为：

而重构同学给我们的CSS文件都是相对路径，当没有html文件夹包裹的项目在内联CSS时，相对路径就会出现问题。

3、CSS文件中的图片没有加max-age缓存。

二、方案

1、针对问题一，重构同学在新商城改版过程中采用约定的新结构，主要添加了对公共内容的支持。

目前此结构已预埋在TSW的目录结构中

2、针对问题二，我们认为源文件采用相对路径，而构建的文件采用绝对路径会是比较好的解决办法。此处由gulp任务来完成转换。

3、针对问题三，已周知重构同学，所有CSS中的图片必须加上max-age的缓存标识，具体做法为在图片路径后面添加：

xxx.png?max_age=31536000

三、成果结论

问题1：新商城改版的重构结构已改造完成：

问题2：gulp插件已开发完成，详情参考：

https://www.zybuluo.com/wwanghee/note/558811

问题3：在gulp插件中已集成